Vue.js入门环境搭建

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。(以上这段话是百度中对Vue.js的介绍)。其实这就是一个很火的前端框架，为了了解和使用这个技术，今天先将这个环境搭建一下。

1. 安装nodeJS，这个不用说

2. 更新npm npm -g install npm，这个很重要，我第一次没有搭建成功，就是因为有些关联软件版本太低导致的

3. 安装淘宝镜像 npminstall-g cnpm --registry=https://registry.npm.taobao.org，这是为了让我们下载安装软件更快

4. 安装 webpack cnpm install webpack -g

5. 安装vue-cil，vue-cil是vue的脚手架工具。其模板可以通过 vuejs-templates 来查看。我们首先，需要安装vue-cil，cnpm install -g vue-cli

6.cd到一个你要新建工程的目录，执行新建命令：vue init webpack first_vue_project(这个工程名中不要出现大写字母和汉字)

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

8.启动 cnpm run dev，启动完成，就会打开默认的欢迎页面，也就代表框架搭建成功了