12.使用脚手架

解析.vue文件的配置步骤太复杂了，而且会出现各种各样的报错，实在令人头痛。现在使用脚手架你就不用自己配置了，它会帮助我们配置好上一章节的所有步骤。

步骤 ：

1、安装vue-cli

在你的项目运行命令窗口，输入npm install vue-cli -g

 

2、模板介绍

vue -cli的模板这里只介绍3个

simple //好像没啥用

webpack 使用在(大型项目)、Eslint 检查代码规范，单元测试。一般我们做项目都用这个~

webpack-simple //没有代码检查

 

3、安装模板

在你的项目运行命令窗口，输入vue init webpack demo，根据提示安装模板

提示 ：demo是生成的文件夹名字

 

4、运行npm install

安装成功后，你大概会得到以下文件

在这个目录下打开命令窗口，输入npm install安装依赖的模块（就是我们上一章说的那些要安装的模块）

 

5、运行

在这个目录下打开命令窗口，输入npm run dev，此时命令窗口会提示你，项目运行在某个地址上，打开你的浏览器输入该地址。成功后大概会看到如下页面 ：