1.vue 入门 - 环境搭建

vue集合了angular和react的优点，像angular的模块化，

1.webstorm的安装

https://www.jetbrains.com/webstorm/

webstorm激活  http://www.imsxm.com/jetbrains-license-server.html

2.node的安装the error code is 2503

安装有多种方式，https://nodejs.org/en/ 可以直接在官网，下载安装版安装，这种方式很简单粗暴，下一步就解决

win8 http://jingyan.baidu.com/article/a501d80cec07daec630f5e18.html

注意：安装的每个node版本中已经自带了一个npm，npm是node的一个包管理工具

3.安装安装cnpm工具，它是中国版的npm镜像库，地址在这里：https://cnpmjs.org/，也是npm官方的一个拷贝，因为我们和外界有一堵墙隔着，所以用这个国内的比较快，淘宝也弄了一个和npm一样的镜像库，http://npm.taobao.org/，它和官方的npm每隔10分钟同步一次。

安装方式：npm install -g cnpm --registry=http://r.cnpmjs.org

或者用淘宝的npm install -g cnpm --registry=https://registry.npm.taoba.org

安装好了cnpm后，直接执行cnpm install 包名比如：cnpm install bower -g 就可以了。-g只是为了把包安装在全局路径下。如果不全局安装，也可以在当前目录中安装，不用-g就可以了。

4.全局安装vue-cli

cnpm install -g vue-cli

最新的 vue 项目模板中，都带有 webpack 插件，所以这里可以不安装 webpack

5.生成项目

进入到项目目录，然后输入：
vue init webpack Vue-Project
其中 webpack 是模板名称

6.安装项目依赖 
cnpm install

进入项目目录后执行该命令会发现，工程目录下多出了一个文件夹

7.运行项目

npm run dev    / 

node build/dev-server.js

有一点值得注意的是，vue是热更新的。