安装

兼容性说明

Vue.js **不支持** IE8 及以下版本,因为 Vue.js 使用了 IE8 中无法模拟的 ECMAScript 5 特性。但是 Vue.js 支持所有 符合 ECMAScript 5 标准的浏览器

发布说明

每个版本的详细发布说明可以在 GitHub 上找到。

独立版本

只需下载并使用 script 标签引入。Vue 将被注册为全局变量。**提示:在开发过程中不要使用压缩版本,否则你将错过所有针对常见错误的友好提示。**


开发版本包含完整警告和调试模式

生产版本去除警告,压缩后 26.19kb

CDN

可在 jsdelivrcdnjs 上获取(同步需要一些时间,因此最新版本可能尚未可用)。

还可在 unpkg 上获取,它会在 Vue 发布到 npm 后立即反映最新版本。你也可以在 unpkg.com/vue/ 上浏览 npm 包的源代码。

CSP 兼容构建

某些环境,例如 Google Chrome 应用,会强制执行内容安全策略 (CSP),并且不允许使用 new Function() 来评估表达式。在这种情况下,你可以使用 CSP 兼容构建

NPM

使用 Vue.js 构建大型应用时,推荐使用 NPM 安装。它与 CommonJS 模块打包工具(如 WebpackBrowserify)配合使用效果很好。Vue.js 还提供用于编写 单文件组件 的配套工具。

# latest stable
$ npm install vue
# latest stable + CSP-compliant
$ npm install vue@csp

CLI

Vue.js 提供了一个 官方 CLI,用于快速搭建大型单页应用。它提供了现代前端工作流程的开箱即用构建设置。只需几分钟即可开始使用热重载、保存时 lint 和生产就绪构建。

# install vue-cli
$ npm install -g vue-cli
# create a new project using the "webpack" boilerplate
$ vue init webpack my-project
# install dependencies and go!
$ cd my-project
$ npm install
$ npm run dev

开发构建

**重要提示:** 在 NPM 上分发的 CommonJS 包 (vue.common.js) 仅在 master 分支发布时才会签入,因此 dev 分支中的文件与稳定版本相同。要从 GitHub 上的最新源代码使用 Vue,你需要自己构建它!

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

Bower

# latest stable
$ bower install vue

AMD 模块加载器

独立下载或通过 Bower 安装的版本使用 UMD 包装,因此可以直接用作 AMD 模块。