## 安裝前需要了解
### 兼容性
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的時候會介紹命令的安裝方式。