安装vue.js的步骤
安装vue.js
1.首先要安装好node.js
2.查看node.js有没有安装好成功
输入命令行:node -v
![](https://images2015.cnblogs.com/blog/1191709/201707/1191709-20170712231230775-1513136614.png)
他会给出版本号:v6.2.0
3.接下来查看npm -v (npm的安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。如下图,出现版本提示便OK了。)
3.1# 最新稳定版 cnpm install vue
![](https://images2015.cnblogs.com/blog/1191709/201707/1191709-20170712231408775-1233666536.png)
4.接下来要升级npm 变成 cnpm (cnpm 有弊端的,它会迭代存放依赖包,导致你node_modules非常大)
如何升级呢?输入命令行:$ npm install -g cnpm --registry=https://registry.npm.taobao.org
5.接下来就是升级成功了
6.全局安装 vue-cli
命令行:cnpm install --global vue-cli
7.创建一个基于 webpack 模板的新项目
命令行:vue init webpack my-project(my-project是一个自己命名的文件夹名字(例如自己是在E盘新建的名字为:myvue))
8.这里需要进行一些配置,默认回车即可;成功将会显示如图:
![](https://images2015.cnblogs.com/blog/1191709/201707/1191709-20170712231542415-1377207756.png)
9.进入项目,安装并运行:
9.1 cd myvue2
![](https://images2015.cnblogs.com/blog/1191709/201707/1191709-20170712231620322-1078773002.png)
9.2 cnpm install npm install xxx ,则是将模块下载到当前命令行所在目录。
![](https://images2015.cnblogs.com/blog/1191709/201707/1191709-20170712231727493-1292204342.png)
9.3 cnpm run dev 实际上run的是在package.json里面配置的value
![](https://images2015.cnblogs.com/blog/1191709/201707/1191709-20170712231803337-245773620.png)
最后
能够打来vue.js页面
重新打开另一个命令的窗口,看看cnpm -v 能不能打开看看
![](https://images2015.cnblogs.com/blog/1191709/201707/1191709-20170712231850509-1493628405.png)