安装

目录

• Vue Devtools

• 直接用

  对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：

  如果你使用原生 ES Modules，这里也有一个兼容 ES Module 的构建文件：

  
    import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.esm.browser.js'
  

  你可以在 cdn.jsdelivr.net/npm/vue 浏览 NPM 包的源代码。

  Vue 也可以在 unpkg 和 cdnjs 上获取 (cdnjs 的版本更新可能略滞后)。

  请确认了解不同构建版本并在你发布的站点中使用生产环境版本，把 vue.js 换成 vue.min.js。这是一个更小的构建，可以带来比开发环境下更快的速度体验。

  
  

  NPM

  ---

  在用 Vue 构建大型应用时推荐使用 NPM 安装^[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
  

  # 最新稳定版
  $ npm install vue

  
  

  命令行工具 (CLI)

  ---

  Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。
  

  CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手，我们强烈建议先在不用构建工具的情况下通读 指南，在熟悉 Vue 本身之后再使用 CLI。

  
  

  对不同构建版本的解释

  ---

  在 NPM 包的 dist/ 目录你将会找到很多不同的 Vue.js 构建版本。这里列出了它们之间的差别：

  	UMD	CommonJS	ES Module (基于构建工具使用)	ES Module (直接用于浏览器)
  完整版	vue.js	vue.common.js	vue.esm.js	vue.esm.browser.js
  只包含运行时版	vue.runtime.js	vue.runtime.common.js	vue.runtime.esm.js	-
  完整版 (生产环境)	vue.min.js	-	-	vue.esm.browser.min.js
  只包含运行时版 (生产环境)	vue.runtime.min.js	-	-	-

  
  

  术语

  • 完整版：同时包含编译器和运行时的版本。

  • 编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。

  • 运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。

  • UMD：UMD 版本可以通过