Vue环境安装------转Bright2017的博客

伴随着前端框架的流行，前后台分的越来越清楚了。所以我也开始学习Vue了，今天简单和大家分享一下Vue的正常安装步骤。

1.现在你的电脑上安装node.js，如果没有安装的朋友点击后面的链接去安装吧。https://nodejs.org/en/

下载好，在命令板里自己检测是否成功，输入代码： node -v  安装成功的话会显示你的node的版本，如下图：

2.安装安装淘宝镜像，速度会快一点。代码：npm install -g cnpm --registry=http://registry.npm.taobao.org  ，

安装成功之后检查你的版本，输入代码： cnpm -v 

3.安装vue脚手架，输入命令：npm install --global vue-cli 等待安装成功。

4.输入vue检测是否安装成功。

5.新建一个项目，输入命令：vue init webpack  项目名称 。项目名称四个字改成你的项目名字，个人建议英文小写，因为我之前安装出错，不知道是不是大小写的原因。

新建成功之后在你当前所在目录下就会看到新建的这个文件夹，如下图：

然后按照下图执行命令即可。

打开项目，安装依赖，输入指令：cnpm install

安装成功之后，执行最后命令，运行项目，输入指令：cnpm run dev

步骤就是这样了，如果还有什么不清楚的，可以再看看下面这位大牛的博客。不是打广告，我就是看的这位大牛的博客安装成功的。

http://blog.youkuaiyun.com/luckylqh/article/details/52863026?locationNum=2&fps=1