笔记：vue前端框架安装教程（精简版）

vue：渐进式框架
特点是：响应式，数据驱动等等。
比如：

template：<div id="test">{{ message }}</div>
new Vue({ 
	el:" #test "     //绑定根元素
           date:{
                      message:" hello vue " 
       }
  });
  //hello vue

当你改变data中的message时，DOM元素中的text文本也会随着改变，这就是响应式一个最简单的例子。
如果要更详细知道vue=》vue开发文档。

vue在生活中使用最多还是脚手架方式来搭建项目，如今vue cli3已经在火热发展中，但是我们有很多的项目还是出cli2的现状，（前提是node环境下）下面我们来看下cli2，cli3搭建项目的方式。
旧版本CLI2.x
step 1：npm install -g vue-cli先全局安装Vue CLI，
step 2：vue init webpack demo-app所建立项目名（这里使用的webpack打包工具）
step 3：npm run dev 启动项目。
这是已经过时的版本，现在我们大多使用3.x
CLI3.x
安装步骤有所不同，此版的步骤简单许多。

Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或
nvm-windows 在同一台电脑中管理多个 Node 版本。

step 1 ：（全局安装，配置环境）npm install -g @vue/cli 或者是yarn global add @vue/cli 这里的yarn也是一种类似npm的打包工具yarn官网地址。
step 2：全局安装好以后，直接使用 vue create 项目名称（简单吧，一步到位）这样一个vue项目就搭建好了。
step 3：启动项目：yarn serve。