Vue2.0 配置环境搭建

1：使用Vue来开发,首先得有环境,环境我们要借助于node.js，所以要先安装node。

node.js（安装路径）http://www.runoob.com/nodejs/nodejs-install-setup.html。

3：安装好之后可以用cmd命令查看是否安装成功

2：借助于node里面的npm来安装需要的依赖等，打开cmd命令，以管理员运行，如果在cmd里面直接使用npm来安装工具的话会比较慢，所以我们推荐使用淘宝镜像。

输入npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。

3:安装完npm镜像后，开始安装全局vue-cli脚手架，方法比较简单。输入cnpm install -g vue-cli 回车，验证是否安装成功，在命令行中输入vue -V，出来vue的信息说明安装成功。

4:安装完脚手架以后开始，开始创建一个新项目，输入 vue init webpack first-vue(first-vue是我创建的项目文件夹的名字)。

5:因为各个模板间都是相互依赖的，所以要安装依赖，用命令进入项目后cd first-vue，在命令行输入cnpm install ,你会发现在已经创建的项目结构里面会多出一个node_modules的文件夹，里面就是刚才安装的所有依赖。

下图为Vue的项目结构：

6：项目构建完成，现在我们输入npm run dev运行项目吧，看看有什么效果，自动打开默认浏览器显示页面。