Vue-cli脚手架

一:在D盘新建一个文件夹名字叫做DuoDuoOfficialWebsite

打开编辑器,博主用的VS Code,如果你不是用的这个编辑器你可以打开终端在里面操作一样，注意要切换到D盘systemSetUp这个目录下：

打开编辑器,博主用的VS Code,如果你不是用的这个编辑器你可以打开终端在里面操作一样，注意要切换到D盘DuoDuoOfficialWebsite这个目录下：

检查是否成功安装了node node -v

检查是否成功安装了npm -v

开始安装vue-cli

npm install vue-cli -g

"-g"表示全局安装,   等待时间----10S

很高兴,看到此页面说明已经成功!  输入vue -V 查看,并且版本号是:2.9.6,    特别注意vue -V  这个"V"  是大写   小写不行.    只要记住不行就可以了,原因自己去查吧!

创建项目:

vue init webpack officialWebsite

officialWebsite 是博主的项目名字,你们可以根据自己的项目命名!

对应上面的选项如下:

项目名称  

项目介绍  

作者  

路由插件"y"  

规范代码编写个人建议是"n"  

单元测试"n"  

 模式测试"n"

最后确定完成:

根据提示cd 进入 officialwebsite这个项目  "回车"

安装依赖: cnpm install   "回车"

OK,大功告成,  直接运行就行了!

cd  进入officialwebsite文件夹 直接npm run dev

GitHub地址:https://github.com/Colin520/vue-vue-cli.git