一、首先我们要安装node.js
没安装的童鞋们可以在这个链接中下载安装 https://nodejs.org/en/download/
安装完node.js，打开命令板，输入node -v命令，查看node.js的版本.
但是npm在国内运行速度是比较慢的，所以我们可以下载镜像（cnpm）:
直接输入指令：cnpm install -g cnpm --registry=https://registry.npm.taobao.org安装
二、我们要全局安装vue-cli（初始化脚手架）
输入指令 ：cnpm install -g vue-cli
如果不小心输错指令，我们可以输入指令cnpm cache clean 清除缓存，重新下载
三、接下来我们就要生成脚手架啦
首先你要在命令板找到你创建项目的位置，然后再当前目录位置输入指令：vue init webpack Vue-Project
（Vue-Project是你创建项目的名称）
此时我们就完成构建脚手架了。
四、在我们运行项目之前，最好得安装一下依赖。
在项目根目录下打开命令板，输入指令：cnpm install
完事后，输入指令：npm run dev 让项目运行起来吧
五、脚手架创建完成了，那么如果我们需要用到bootstrap插件时，我们该怎么引用呢？
首先我们得下载jquery插件。在命令板中找到项目根目录，输入指令：cnpm install jquery --save
下载完成后，我们可以在项目中的package.json文件中查看dependencies中有没有jquery的插件版本，如果有，那咱们就可以放心使用了
然后再输入指令：cnpm install bootstrap --save
还是像刚才一样查看版本
最后我们在项目里的main.js中引入插件就完成了.
网友评论