vue-cli脚手架搭建方法

直接搜索cmd打开命令行工具

输入 cnpm install -g vue-cli，点击回车

安装好以后回到webstorm中，Terminal进入到要安装脚手架的文件下，输入vue查看是否安装好，如果出现下图的输出，证明安装好了

然后安装脚手架 vue init webpack app，其中webpack是，app是项目名可以随便写。然后一直回车等待安装

安装完成，文件中出现了以下目录，这就是项目的架构

然后安装依赖，Termial中cd app转到项目目录下，输入cnpm install

完成很困难，电脑会卡死，且装且珍惜。新的目录结构

运行一下，在terminal里cd app这里的app指的你刚才vue init webpack app中的那个app，就是项目名。然后输入npm run dev