#Vuejs 开发环境搭建以及热更新

vuejs是一种介于react和angular中间的轻量级的mvvm框架，主要是数据绑定和组件化，先来介绍下如何用Vuejs搭建一个简单的项目。

需要有nodejs基础才能展开后面的内容

• 第一步

安装cnpm

由于npm上的许多的依赖包都是国外的，所以在国内直接安装这些依赖包的时候会比较慢，所以最常见的一个做法就是使用淘宝镜像的cnpm！

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装好以后可以通过cnpm -v 查看版本信息，如显示则代表安装成功。

• 第二步

vue-cli 脚手架安装

vue-cli是一种搭建vuejs项目的快速工具，安装的语句如下：
cnpm install -g vue-cli

• 第三步

创建一个基于webpack 模板的新项目

vue init webpack my-first-vue-project

当使用vue init的时候表示在当前目录下新建工程，所以如果需要在某个特定位置下新建工程的 需要cd到当前目录下

• 第四步

cnpm install

自动下载所有依赖的包到刚才工程目录下的nodee_modules文件夹下

• 第五步

npm run dev

自动启动node服务器，把该vue搭建的项目运行起来