安装vue.js的步骤

安装vue.js

1.首先要安装好node.js

2.查看node.js有没有安装好成功

输入命令行：node -v

他会给出版本号：v6.2.0

3.接下来查看npm -v (npm的安装。由于新版的NodeJS已经集成了npm，所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。如下图，出现版本提示便OK了。)

3.1# 最新稳定版 cnpm install vue

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.这里需要进行一些配置，默认回车即可；成功将会显示如图：

 

9.进入项目，安装并运行：

9.1 cd myvue2

9.2 cnpm install npm install xxx ，则是将模块下载到当前命令行所在目录。

9.3 cnpm run dev 实际上run的是在package.json里面配置的value

最后

能够打来vue.js页面

重新打开另一个命令的窗口，看看cnpm -v 能不能打开看看