1、首先，vue.js时依赖node.js的开发环境，所以事先需要下载安装好node.js:
node.js的官网链接：(http://www.runoob.com/nodejs/nodejs-install-setup.html)
2、利用淘宝npm镜像安装相关依赖
同时按住window+R键盘，在运行中输入cmd，然后按确定，跳入管理员命令中
在管理员命令中直接输入：npm install -g cnpm –registry=https://registry.npm.taobao.org
然后回车，等待安装
3、安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
在管理员命令行中：
1)输入：cnpm install -g vue-cli ，回车，等待安装
2).输入：vue，回车，若出现vue信息说明表示成功
4、创建项目
在cmd里输入：vue init webpack vue_test(项目文件夹名)，回车，可按图中我说明的那样进行操作：
5、安装依赖
在cmd里 1).输入：cd vue_test（项目名），回车，进入到具体项目文件夹
2).输入：cnmp install，回车，等待一小会儿
回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）
基于脚手架创建的默认项目结构如下图所示：
6、测试环境是否搭建成功
方法1：在cmd里输入：cnpm run dev
方法2：在浏览里输入：localhost:8080(默认端口为8080)
运行起来后的效果如下图所示：
参照原文：http://blog.csdn.net/luckylqh/article/details/52863026
原文：http://www.cnblogs.com/caojiayan/p/6286078.html