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
安装成功后,你大概会得到以下文件
在这个目录下打开命令窗口,输入npm install安装依赖的模块(就是我们上一章说的那些要安装的模块)
5、运行
在这个目录下打开命令窗口,输入npm run dev,此时命令窗口会提示你,项目运行在某个地址上,打开你的浏览器输入该地址。成功后大概会看到如下页面 :