记录安装vue开发环境步骤

前端菜鸟开始学习vue（目前了解html、css、js和jquery，对vue这种前端分离框架一无所知，也是想记录一下学习的过程)，网上有很多搭建vue开发环境的步骤，自己照着一步步操作之后发现还是没什么印象，第二遍在同事电脑上搭建时还是需要照着网上步骤来，所以今天想整理出来，加深自己的记忆。

1.下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网里面下载，根据自己的电脑选择是32还是64 ，网址：http://nodejs.cn。安装过程很简单，一路“下一步”就可以了。

测试：win+R(打开命令行)-------输入cmd-------敲入node -v。如果出现相应版本号，即安装成功，我的如下图：

测试npm版本：命令行-------npm -v:

2.安装淘宝镜像：在命令行里输入如下代码：npm install -g cnpm --registry=https://registry.npm.taobao.org

测试淘宝镜像是否安装成功：命令行-------cnpm -v

3.全局vue-cli脚手架：npm install --global vue-cli

测试vue是否安装成功：命令行-------vue

完成之后如果有vue的项目就可以跑起来了。

在项目文件下cmd,cnpm run dev 。