--- title: 安裝 type: guide order: 0 vue_version: 1.0.15 dev_size: "248.29" min_size: "70.42" gz_size: "24.21" --- > **兼容性提示：** Vue.js 不支持 IE8 及其以下版本。 ## 獨立版本 直接下載并用 `<script>` 標簽引入，`Vue` 會被注冊為一個全局變量。**重要提示：在開發時請用開發版本，遇到常見錯誤它會給出友好的警告。** <div id="downloads"> <a class="button" href="/js/vue.js" download>開發版本</a><span class="light info">包含完整的警告和調試模式</span> <a class="button" href="/js/vue.min.js" download>生產版本</a><span class="light info">刪除了警告，{{gz_size}}kb min+gzip</span> </div> ### CDN 可以從 [jsdelivr](//cdn.jsdelivr.net/vue/{{vue_version}}/vue.min.js) 或 [cdnjs](//cdnjs.cloudflare.com/ajax/libs/vue/{{vue_version}}/vue.min.js) 獲取（版本更新可能略滯后）。 ### CSP 兼容版本 有些環境，如 Google Chrome Apps，強制應用內容安全策略 (CSP) ，不能使用 `new Function()` 對表達式求值。這時可以用 [CSP 兼容版本](https://github.com/vuejs/vue/tree/csp/dist)。 ## NPM 在用 Vue.js 構建大型應用時推薦使用 NPM 安裝，NPM 能很好地和諸如 [Webpack](http://webpack.github.io/) 或 [Browserify](http://browserify.org/) 的 CommonJS 模塊打包器配合使用。Vue.js 也提供配套工具來開發[單文件組件](application.html#單文件組件)。 ``` bash # 最新穩定版本 $ npm install vue # 最新穩定 CSP 兼容版本 $ npm install vue@csp ``` ## 命令行工具 Vue.js 提供一個[官方命令行工具](https://github.com/vuejs/vue-cli)，可用于快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。只需一分鐘即可啟動帶熱重載、保存時靜態檢查以及可用于生產環境的構建配置的項目： ``` bash # 全局安裝 vue-cli $ npm install -g vue-cli # 創建一個基于 "webpack" 模板的新項目 $ vue init webpack my-project # 安裝依賴，走你 $ cd my-project $ npm install $ npm run dev ``` ## 開發版本 **重要**：發布到 NPM 上的 CommonJS 包 (`vue.common.js`) **沒有**簽入源碼，因此要使用 GitHub 上最新的源碼，自己編譯： ``` bash git clone https://github.com/vuejs/vue.git node_modules/vue cd node_modules/vue npm install npm run build ``` ## Bower ``` bash # 最新穩定版本 $ bower install vue ``` ## AMD 模塊加載器 獨立版本或通過 Bower 安裝的版本已用 [UMD](https://github.com/umdjs/umd#readme) 包裝，因此它們可以直接用作 AMD 模塊。