安裝 Vue.js

安裝

兼容性提示： Vue.js 不支持 IE8 及其以下版本。

獨(dú)立版本

直接下載并用 <script> 標(biāo)簽引入，Vue 會(huì)被注冊(cè)為一個(gè)全局變量。重要提示：在開(kāi)發(fā)時(shí)請(qǐng)用開(kāi)發(fā)版本，遇到常見(jiàn)錯(cuò)誤它會(huì)給出友好的警告。

CDN

可以從 jsdelivr 或 cdnjs 獲取（版本更新可能略滯后）。

CSP 兼容版本

有些環(huán)境，如 Google Chrome Apps，強(qiáng)制應(yīng)用內(nèi)容安全策略 (CSP) ，不能使用 new Function() 對(duì)表達(dá)式求值。這時(shí)可以用 CSP 兼容版本。

NPM

在用 Vue.js 構(gòu)建大型應(yīng)用時(shí)推薦使用 NPM 安裝，NPM 能很好地和諸如 Webpack 或 Browserify 的 CommonJS 模塊打包器配合使用。Vue.js 也提供配套工具來(lái)開(kāi)發(fā)單文件組件。

# 最新穩(wěn)定版本
$ npm install vue
# 最新穩(wěn)定 CSP 兼容版本
$ npm install vue@csp

命令行工具

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

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

開(kāi)發(fā)版本

重要：發(fā)布到 NPM 上的 CommonJS 包 (vue.common.js) 沒(méi)有簽入源碼，因此要使用 GitHub 上最新的源碼，自己編譯：

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 模塊加載器

獨(dú)立版本或通過(guò) Bower 安裝的版本已用 UMD 包裝，因此它們可以直接用作 AMD 模塊。