vue-cli2.0项目的搭建

1.第一步：安装vue-cli

命令行输入cmd或按住shift鼠标右键打开powershell

输入命令 

npm install --global vue-cli 按enter键

 

2.第二步：创建项目

在要创建项目的目录下输入以下命令

vue init webpack projectName（其中projectName为要创建的项目名称）

按下enter键

然后终端会出现下图“一问一答”模式，如图：

 

这里有几个需要说明一下，没说明的直接回车选择默认

“Project name”：这个是项目名称，默认是输入时的那个名称，想改的话直接输入修改，也可以直接回车

“Install vue-router”:是否需要vue-router，这里默认选择使用，这样生成好的项目就会有相关的路由配置文件

“Use ESLint to lint your code”:是否使用ESLint，刚才说了我们这个项目需要使用所以也是直接回车，默认使用，这样会生成相关的ESLint配置

“Setup unit tests with Karma + Moch?”: 是否安装单元测试。我们现在还没有单元测试

“Setup e2e tests with Nightwatch”：是否安装e2e测试，这里我也同样选择的是“N”。

最后会提示选择管理工具，选择npm或yarn都可以，两者的指令有所不同，这里就选择npm

初始化完成后按照提示进入项目目录，输入 npm run dev启动项目