一、node环境
安装node.js
二、新建vue项目
安装vue脚手架
npm install -g vue-cli
用脚手架搭项目
vue init webpack-simple (项目名字)
或
vue init webpack (项目名字)
两者区别就是
vue init webpack-simple :可以理解为轻巧的,没有多余的配置和包,但能保证项目正常运行。
vue init webpack : 可以理解为完整的,包含比较多配置和包。
运行该命令后会跳出下列选项:
Generate project in current directory? Yes
是否在当前目录下创建
Project name (vue项目实例) Demo
项目名称
Project description A sipmle vue project
项目描述
Runtime + Compiler: recommended for most users
运行加编译
Install vue-router? (Y/n) y
是否安装路由
Use ESLint to lint your code? (Y/n) y
是否使用ESLint管理代码,ESLint是个代码风格管理工具,是用来统一代码风格的,并不会影响整体的运行,这也是为了多人协作,新手就不用了,一般项目中都会使用。
Pick an ESLint preset (Use arrow keys)
选择一个ESLint预设,编写vue项目时的代码风格,因为选择了使用ESLint
Setup unit tests with Karma + Mocha? (Y/n)
是否安装单元测试
Setup e2e tests with Nightwatch(Y/n)?
是否安装e2e测试
接下来在该路径下运行npm run dev即可运行该项目