Vue.js 2.0 安裝

兼容性

Vue.js 不支持 IE8 及其以下版本，因為 Vue.js 使用了 IE8 不能模擬的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的瀏覽器。

更新日志

最新穩(wěn)定版本：2.6.14

每個版本的更新日志見 GitHub。

Vue Devtools

在使用 Vue 時，我們推薦在你的瀏覽器上安裝 Vue Devtools。它允許你在一個更友好的界面中審查和調試 Vue 應用。

直接用 <script> 引入

直接下載并用 <script> 標簽引入，Vue 會被注冊為一個全局變量。

重要提示：在開發(fā)時請用開發(fā)版本，遇到常見錯誤它會給出友好的警告。

注意：開發(fā)環(huán)境不要用最小壓縮版，不然就失去了錯誤提示和警告！

• 開發(fā)版本：包含完整的警告和調試模式
  
• 生產(chǎn)版本：刪除了警告，23.55kb min+gzip

CDN

推薦：unpkg, 會保持和 npm 發(fā)布的最新的版本一致?？梢栽?nbsp;unpkg.com/vue/ 瀏覽 npm 包資源。

也可以從 jsdelivr 或 cdnjs 獲取，不過這兩個服務版本更新可能略滯后。

NPM

在用 Vue.js 構建大型應用時推薦使用 NPM 安裝， NPM 能很好地和諸如 Webpack 或 Browserify 模塊打包器配合使用。 Vue.js 也提供配套工具來開發(fā)單文件組件。

# 最新穩(wěn)定版
$ npm install vue

獨立構建 vs 運行時構建

有兩種構建方式，獨立構建和運行構建。它們的區(qū)別在于前者包含模板編譯器而后者不包含。

模板編譯用于編譯 Vue 模板字符串成純 JavaScript 渲染函數(shù)。如果你想用 template 選項，你需要編譯。

模板編譯器的職責是將模板字符串編譯為純 JavaScript 的渲染函數(shù)。如果你想要在組件中使用 template 選項，你就需要編譯器。

• 獨立構建包含模板編譯器并支持 template 選項。它也依賴于瀏覽器的接口的存在，所以你不能使用它來為服務器端渲染。
• 運行時構建不包含模板編譯器，因此不支持 template 選項，只能用 render 選項，但即使使用運行時構建，在單文件組件中也依然可以寫模板，因為單文件組件的模板會在構建時預編譯為 render 函數(shù)。運行時構建比獨立構建要輕量30%，只有 16.39 Kb min+gzip大小。

默認 NPM 包導出的是運行時構建。為了使用獨立構建，在 webpack 配置中添加下面的別名：

resolve: {
  alias: {
    'vue$': 'vue/dist/vue.js'
  } 
}

對于Browserify，可以用 aliasify

不要用 import Vue from 'vue/dist/vue.js' - 用一些工具或第三方庫引入 Vue ，這可能會導致應用程序在同一時間加載運行時和獨立構建并造成錯誤。

CSP 環(huán)境

有些環(huán)境，如 Google Chrome Apps，強制應用內容安全策略 (CSP) ，不能使用 new Function() 對表達式求值。這時可以用 CSP 兼容版本。獨立的構建取決于該功能編譯模板，所以無法使用這些環(huán)境。

另一方面，運行時構建的是完全兼容 CSP 的。當通過 Webpack + vue-loader 或者 Browserify + vueify 構建時，在 CSP 環(huán)境中模板將被完美預編譯到 render 函數(shù)中。

命令行工具（CLI）

Vue.js 提供一個官方命令行工具，可用于快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現(xiàn)代化的前端開發(fā)流程。只需一分鐘即可啟動帶熱重載、保存時靜態(tài)檢查以及可用于生產(chǎn)環(huán)境的構建配置的項目：

# 全局安裝 vue-cli
$ npm install --global vue-cli
# 創(chuàng)建一個基于 webpack 模板的新項目
$ vue init webpack my-project
# 安裝依賴，走你
$ cd my-project
$ npm install
$ npm run dev

如果全局安裝完 vue-cli 后，執(zhí)行 vue 命令出錯

解決方法：全局搜索 vue.cmd 將 vue.cmd 所在的路徑添加到環(huán)境變量 Path 后面。再執(zhí)行 vue -V 即可。

CLI 默認了用戶對 Node.js 和相關構建工具有一定程度的了解。如果你是新手，我們強烈建議先在不用構建工具的情況下通讀本教程，熟悉 Vue 本身之后再研究 CLI。

對于大陸用戶，建議將 npm 的注冊表源設置為國內的鏡像，可以大幅提升安裝速度。

開發(fā)版本

重要：Github 倉庫的 /dist 文件夾只有在新版本發(fā)布時才會更新。如果想要使用 Github 上 Vue 最新的源碼，你需要自己構建。

git clone https://github.com/vuejs/vue.git node_modules/vue
cd node_modules/vue
npm install
npm run build

Bower

# 最新穩(wěn)定版本
$ bower install vue

AMD 模塊加載器

獨立下載版本或通過 Bower 安裝的版本已用 UMD 包裝，因此它們可以直接用作 AMD 模塊。