解析.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,此时命令窗口会提示你,项目运行在某个地址上,打开你的浏览器输入该地址。成功后大概会看到如下页面 :