基于vue-cli创建vue2项目

首先在要创建的vue项目的文件夹进入终端。

 

如图所示，在这里输入cmd进入命令提示符。

基于vue-cli快速生成工程化的Vue项目：

vue create 项目的名称

如图所示，我创建了一个名为demo-first的vue项目。

 

接下来选择项目预设，这里建议手动选择需要安装的预设，选择好后按enter键进入下一步

 

接下来选择预设，这里只选择Babel和css预处理器就好，Router和Linter/Formatter等后面学了再选。Linter/Formatter是来约束代码风格的。（这里空格键来控制选中，enter键进入下一步）

 

接下来选择vue的版本，这里选择vue2的版本：

 

接下来选择css预处理器，这里选中less

 

接下来选择Babel，eslint这些插件的配置文件放到一个独立的配置文件还是放到pakage.json里面。这里选择放到独立的配置文件中，不要放到pakage.json里面。

 

接下来选择是否保存刚才所选的配置，如果输入Y保存的话下次再创建同类的项目就不用一步一步来配置了，直接选择保存的预设就可以直接创建项目了。这里选Y选N都可以。

 

接下来就是等待创建vue项目，创建完成后如图所示：

下面根据提示把项目跑起来，先进入项目的根目录（cd 到你创建的vue项目的名称），然后npm run serve把项目跑起来，如图所示：

在浏览器中输入 http://localhost:8080/就可以看到项目的情况了

 

到这里基于vue-cli创建vue项目就成功了。