vue2.x的简介与安装

1.简介

概述：

类似于angular.js、react.js之类的SPA框架，相比其他两种SPA框架 更加轻量级些、更容易入门些。

兼容性：

Vue.js不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5的浏览器。

2.安装

通常有两种安装方式：

• 第一种方式：下载之后或远程链接直接引入（略，因为SPA用这种方式没啥意义）；
• 第二种方式：npm安装（这里之后主要讲这种方式）；

以下就是npm安装的步骤：（当然用cnpm代替npm也是可以的，为了精简，其中的细节不加赘述）

=> 前提：已安装了node，含有npm包管理器。

第一步：安装vue-cli 【vue的项目环境】;npm install -g vue-cli

注释：vue下的指令可以 用   vue -help 查看；如下：

注释：vue-cli的详细情况参见：https://github.com/vuejs/vue-cli

第二步：下载vue模板;    vue init<templateName><projectName>

   注释：其中的 <templateName> 可以通过 vue list查看。

   例如：vue init webpack my-project

第三步：安装npm模块； （如下依次执行）

cd  my-project

npm install

注释：下图就是安装完以上一切的目录图；

第四步：运行项目； npm  run  dev

... 稍微等待一会儿，模板项目就自动运行在浏览器中了。