前言：现在前端最火的是3个框架：react,vue,angular。可以说着是哪个框架大大改变了前端的地位。相对于angular来说。vue同样拥有丰富的指令，并且都是典型的MVC框架，但是vue比较轻量级一些，最主要的是，它是中国人写的。别看这是中国人写的框架，在国际上照样得到了不俗的评价。
我们在开发大型vue项目的时候，通常会搭建一些开发环境，今天就来详细的写一下搭建环境的步骤吧
打开你的命令提示符（window+r），输入cmd
第一步：准备工作
首先，你必须要确保自己的电脑上装了node和npm，这里需要注意的是，
由于 npm 安装速度慢，所以使用了淘宝的镜像及其命令 cnpm，安装命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org
我们再来检查一下npm的版本：
npm -v
npm 版本需要大于 3.0，如果低于此版本需要升级它：
cnpm install npm -g
这样我们的准备工作就绪了以后，准备开始我们的环境搭建
第二步：安装vue
我们首先需要安装vue，命令如下：
cnpm install vue
安装完成之后，我们可以试一下vue命令（即单纯输入vue），如果不报错，则vue安装成功，不然重新安装
第三步：全局安装vue-cli
这里需要注意一点，安装默认的是C盘，但是我不想把项目安装到c盘，此时，在这个地方我们需要进入到我们想安装的所在地，即命令行当中的:
cd 你想要的地址
这个时候执行
cnpm install --global vue-cli
第四步：创建一个基于 webpack 模板的新项目
命令如下：
vue init webpack my-project
此时我们一直回车就可以了，遇到y/n的时候直接y
这个时候再我们的文件当中会出现一个文件夹：
这个就是我们通过命令行下载的webpack模板
第五步：安装vue的项目依赖
我们在之前搭建postcss或者gulp的时候，都用到了项目依赖，vue也不例外
首先，进入到我们的项目总，即my-project
cd my-project
执行依赖下载命令
cnpm install
我在这里用了npm，因为cnpm老是失败的原因
这里我刚开始安装的时候总是报错，多安装几遍即可，安装完成以后，在你的my-project里面会多一个依赖的文件夹，如下：
第六步：运行vue
运行如下命令：
cnpm run dev
恩呢，此时随便找个浏览器，输入localhost:8080即可：
若是此页面，则说明你的vue环境已经搭建成功了。