安裝 · vue2中文文檔

# 安裝 ### [](https://vuefe.cn/guide/installation.html#兼容性 "兼容性")兼容性 Vue.js 不支持 IE8 及其以下版本，因為 Vue.js 使用了 IE8 不能實現的 ECMAScript 5 特性。 Vue.js 支持所有[兼容 ECMAScript 5 的瀏覽器](http://caniuse.com/#feat=es5)。 ### [](https://vuefe.cn/guide/installation.html#更新日志 "更新日志")更新日志每個版本的更新日志見?[GitHub](https://github.com/vuejs/vue/releases)。 [](https://vuefe.cn/guide/installation.html#獨立版本) ## [](https://vuefe.cn/guide/installation.html#獨立版本)[](https://vuefe.cn/guide/installation.html#獨立版本 "獨立版本")獨立版本直接下載并用?`<script>`?標簽引入，`Vue`?會被注冊為一個全局變量。重要提示：在開發時請用開發版本，遇到常見錯誤它會給出友好的警告。 **開發環境不要用最小壓縮版，不然就失去了錯誤提示和警告!** [開發版本](http://vuejs.org/js/vue.js)包含完整的警告和調試模式 [生產版本](http://vuejs.org/js/vue.min.js)刪除了警告，22.86kb min+gzip [](https://vuefe.cn/guide/installation.html#CDN) ### [](https://vuefe.cn/guide/installation.html#CDN)[](https://vuefe.cn/guide/installation.html#CDN "CDN")CDN 推薦：[unpkg](https://unpkg.com/vue/dist/vue.js), 會保持和 npm 發布的最新的版本一致。可以在?[unpkg.com/vue/](https://unpkg.com/vue/)?瀏覽 npm 包資源。也可以從?[jsdelivr](https://cdn.jsdelivr.net/vue/2.0.3/vue.js)?或?[cdnjs](https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js)?獲取，不過這兩個服務版本更新可能略滯后。 [](https://vuefe.cn/guide/installation.html#NPM) ## [](https://vuefe.cn/guide/installation.html#NPM)[](https://vuefe.cn/guide/installation.html#NPM "NPM")NPM 在用 Vue.js 構建大型應用時推薦使用 NPM 安裝， NPM 能很好地和諸如?[Webpack](http://webpack.github.io/)?或?[Browserify](http://browserify.org/)?模塊打包器配合使用。 Vue.js 也提供配套工具來開發[單文件組件](https://vuefe.cn/guide/single-file-components.html)。 ~~~ # 最新穩定版 $ npm install vue ~~~ [](https://vuefe.cn/guide/installation.html#獨立構建-vs-運行時構建) ### [](https://vuefe.cn/guide/installation.html#獨立構建-vs-運行時構建)[](https://vuefe.cn/guide/installation.html#獨立構建-vs-運行時構建 "獨立構建 vs 運行時構建")獨立構建 vs 運行時構建有兩種構建方式，獨立構建和運行構建。 * 獨立構建包括編譯和支持?`template`?選項。?它也依賴于瀏覽器的接口的存在，所以你不能使用它來為服務器端渲染。 * 運行時構建不包括模板編譯，不支持?`template`?選項。運行時構建，可以用?`render`?選項，但它只在單文件組件中起作用，因為單文件組件的模板是在構建時預編譯到?`render`?函數中，運行時構建只有獨立構建大小的30%，只有 16 Kb min+gzip大小。默認 NPM 包導出的是?運行時?構建。為了使用獨立構建，在 webpack 配置中添加下面的別名： ~~~ resolve: { alias: { 'vue$': 'vue/dist/vue.js' } } ~~~ 對于Browserify，可以用?[aliasify](https://github.com/benbria/aliasify) 不要用?`import Vue from 'vue/dist/vue.js'`?- 用一些工具或第三方庫引入 Vue ，這可能會導致應用程序在同一時間加載運行時和獨立構建并造成錯誤。 [](https://vuefe.cn/guide/installation.html#CSP-環境) ### [](https://vuefe.cn/guide/installation.html#CSP-環境)[](https://vuefe.cn/guide/installation.html#CSP-環境 "CSP 環境")CSP 環境有些環境，如 Google Chrome Apps ，強制應用內容安全策略 (CSP) ，不能使用 new Function() 對表達式求值。這時可以用 CSP 兼容版本。獨立的構建取決于該功能編譯模板，所以無法使用這些環境。另一方面，運行時構建的是完全兼容 CSP 的。當通過?[Webpack + vue-loader](https://github.com/vuejs-templates/webpack-simple)?或者?[Browserify + vueify](https://github.com/vuejs-templates/browserify-simple)?構建時，在 CSP 環境中模板將被完美預編譯到?`render`?函數中。 [](https://vuefe.cn/guide/installation.html#命令行工具) ## [](https://vuefe.cn/guide/installation.html#命令行工具)[](https://vuefe.cn/guide/installation.html#命令行工具 "命令行工具")命令行工具 Vue.js 提供一個[官方命令行工具](https://github.com/vuejs/vue-cli)，可用于快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。只需一分鐘即可啟動帶熱重載、保存時靜態檢查以及可用于生產環境的構建配置的項目： ~~~ # 全局安裝 vue-cli $ npm install --global vue-cli # 創建一個基于 webpack 模板的新項目 $ vue init webpack my-project # 安裝依賴，走你 $ cd my-project $ npm install $ npm run dev ~~~ [](https://vuefe.cn/guide/installation.html#開發版本) ## [](https://vuefe.cn/guide/installation.html#開發版本)[](https://vuefe.cn/guide/installation.html#開發版本 "開發版本")開發版本重要: 在發布后構建的文件在 Github 倉庫的?`/dist`?文件夾。為了使用 Github 上 Vue 最新的資源，你得自己構建。 ~~~shell git clone https://github.com/vuejs/vue.git node_modules/vue cd node_modules/vue npm install npm run build ~~~ [](https://vuefe.cn/guide/installation.html#Bower) ## [](https://vuefe.cn/guide/installation.html#Bower)[](https://vuefe.cn/guide/installation.html#Bower "Bower")Bower ~~~ # 最新穩定版本 $ bower install vue ~~~ [](https://vuefe.cn/guide/installation.html#AMD-模塊加載器) ## [](https://vuefe.cn/guide/installation.html#AMD-模塊加載器)[](https://vuefe.cn/guide/installation.html#AMD-模塊加載器 "AMD 模塊加載器")AMD 模塊加載器獨立下載版本或通過 Bower 安裝的版本已用 UMD 包裝，因此它們可以直接用作 AMD 模塊。