12.使用脚手架

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

步骤 :

1、安装vue-cli

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

2、模板介绍

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

simple 个人觉得一点用都没有

webpack 可以使用(大型项目)Eslint 检查代码规范,单元测试

webpack-simple 个人推荐使用, 没有代码检查

3、安装模板

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

提示 :webpack-simple#1.0 这个是要安装的模板名字,demo是生成的文件夹名字

4、运行npm install

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

12.使用脚手架

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

5、运行

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

12.使用脚手架