vue.js安装与配置

329 阅读1分钟

VUE-渐进式JavaScript 框架

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

vue官网:cn.vuejs.org/

vue 2.x


CDN

对于制作原型或学习,你可以这样使用最新版本:

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

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

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>

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

<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.esm.browser.js'
</script>

NPM

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

# 最新稳定版
$ npm install vue

vue 3.x


CDN

出于原型或学习目的,您可以使用最新版本:

<script src="https://unpkg.com/vue@next"></script>

对于生产,我们建议链接到特定版本的数字并构建以避免新版本意外中断。

NPM

npm 是使用 Vue 构建大规模应用时推荐的安装方法。它与模块捆绑包器(如网络包 (打开新窗口)或汇总 (打开新窗口).Vue 还提供用于编写单个文件组件的随附工具。

# latest stable
$ npm install vue@next