Vue.js开发环境搭建

使用vue作为项目前端开发的框架，也折腾了一段时间，在这里把最基本的环境搭建过程总结下来：

1、安装node.js，借助node中的npm来安装所要使用到的依赖及插件等：

(http://www.runoob.com/nodejs/nodejs-install-setup.html)

2、直接在cmd中使用npm安装一些东西会比较慢，这里可以借助淘宝的npm镜像，之后直接用cnpm来代替npm：

在cmd中输入——npm install -g cnpm --registry=https://registry.npm.taobao.org，回车，等待安装...

3、安装全局vue-cli脚手架

在cmd中——输入：cnpm install -g vue-cli，回车，等待安装...

在cmd中——输入：vue，回车，若出现vue信息说明表示成功

4、开始创建项目

在cmd中使用cd命令进入要存放项目的地方，在该目录下继续输入 vue init webpack vue_test(项目文件夹名)并回车等待，直至出现下图

5、安装项目依赖

在cmd中——输入：cd vue_test（项目名），回车，进入到具体项目文件夹

 在cmd中——输入：cnpm install，回车，等待一小会儿

进入项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是安装的依赖）

基于脚手架创建的默认项目结构如下图所示：

6、测试环境是否搭建成功

在cmd中——输入：cnpm run dev

或者直接在浏览器中——输入：localhost:8080(默认端口为8080)