## 安装前需要了解
### 兼容性
Vue**不支持**IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有[兼容 ECMAScript 5 的浏览器](https://caniuse.com/#feat=es5)。
### [](https://cn.vuejs.org/v2/guide/installation.html#%E8%AF%AD%E4%B9%89%E5%8C%96%E7%89%88%E6%9C%AC%E6%8E%A7%E5%88%B6 "语义化版本控制")语义化版本控制
Vue 在其所有项目中公布的功能和行为都遵循[语义化版本控制](https://semver.org/lang/zh-CN/)。对于未公布的或内部暴露的行为，其变更会描述在[发布说明](https://github.com/vuejs/vue/releases)中。
### [](https://cn.vuejs.org/v2/guide/installation.html#%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97 "更新日志")更新日志
最新稳定版本：2.6.14
每个版本的更新日志见[GitHub](https://github.com/vuejs/vue/releases)。
>[warning] 在学习Vue之前，请确保你有最基础的```HTML```、```CSS```和```JavaScript```的基础。如果没有接触过得花，请移步至基础学习。
<br/>
## 安装方式
简单来说Vue可以看做就是一个js写好的框架，所以安装可以大致分为两种：① 直接引入；② 命令安装。
1. 直接引入，使用```<script>```标签：
~~~html
<!-- 对于制作原型或学习，你可以这样使用最新版本 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<!-- 对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
<!-- 如果你使用原生 ES Modules，这里也有一个兼容 ES Module 的构建文件 -->
<script type="module">
import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.esm.browser.js'
</script>
~~~
>[info] 当然如果你是通过内网或其他方式访问时，也可以把相应版本的Vue.js拷贝至本地，通过本地引入的方式也可以的。
<br/>
#### 来看一个一个完整的html：
~~~html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 在线引入Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
<title>Vue初体验</title>
</head>
<body>
<!--准备Vue容器-->
<div id="app">{{message}}</div>
</body>
<script>
// 使用new Vue();来创建一个新的Vue实例
const vm = new Vue({
el: '#app',
data : {
message : 'Hello Vue!'
}
});
</script>
</html>
~~~
<br/>
2. 命令安装，因为本笔记为入门，所以看到这里知道有这样的安装方式即可，跟着笔记章节走，慢慢学习，后面在Vue3的时候会介绍命令的安装方式。
