简单介绍下VUE
- Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。—— 官方
- Vue是MVVM结构的，即model-view-viewmodel：数据影响试图，同样视图也可以影响数据
了解vue-cli
- 官方如是说：Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。
- 注意：假如你是新手，我们强烈建议先在不用构建工具的情况下通读指南，在熟悉 Vue 本身之后再使用 CLI。
现在就假设已经不是新手，来搭建脚手架吧！
安装node.js
从node官网下载最新的node.js
LTS：长期支持版，成熟可靠
Current：稳定版，最新特性
然后点击安装node.js，安装完成之后查看安装的版本号，在命令窗口输入
$ node -v
我们需要用到的npm（node package manager）是集成在node中的，查看npm的版本信息可以在命令窗口输入
$ npm -v
安装淘宝镜像
因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，所以淘宝团队推出了淘宝镜像cnpm代替官方版本
安装cnpm：在命令窗口输入
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
然后等待安装完成，查看cnpm的版本信息可以在命令窗口输入
$ cnpm -v
成功安装cnpm之后，只要是用npm命令的时候改为cnpm即可
安装VUE
官方：在用 Vue 构建大型应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
只要在命令窗口输入安装命令即可
$ cnpm install vue
查看安装版本信息
$ vue -V
或
$ vue --version
安装vue-cli
全局安装
$ cnpm install --global vue-cli
创建webpack项目
首先我们要选定好目录，然后在命令行中把目录转到选定的目录，初始化项目
# my-project为项目名称，可以自定义
$ vue init webpack my-project
初始化时会有一些选项，按照自己的项目选择即可
Project name (my-project) #项目名称
Project description (A Vue.js project) #项目描述一个Vue.js 项目
Author (zuozhe) #作者
Vue build
Vue build (standalone)
Install vue-router? (Y/n) #是否安装Vue路由，也就是以后是spa（但页面应用需要的模块）
Use ESLint to lint your code? (Y/n) #使用 ESLint 到你的代码？ （Y [ yes ] / N [ no ]）
Pick an ESLint preset (Use arrow keys) #选择一个预置ESLint（使用箭头键）
Setup unit tests (Y/n) #设置单元测？ （Y/ N）
Pick a test runner
Setup e2e tests with Nightwatch? (Y/n) #设置端到端测试，Nightwatch？ （Y/ N）
Should we run "npm install" for you after the project has been created? #创建项目之后我们是否可以通过“npm install”来运行
安装项目依赖
进入项目
$ cd my-project
安装依赖
$ npm install
启动项目
$ npm run dev
