安装

详情请看参考文档,这里只提取了重要的部分。

参考文档: 安装 — Vue.jsopen in new window

https://cn.vuejs.org/v2/guide/installation.html

一、 script 引入

用于学习的版本

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

用于生产环境的版本

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

二、 NPM

# 最新稳定版
$ npm install vue

三、 Vue Devtools

在使用 Vue 时,我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。

强烈推荐,必装系列。

四、 Vue CLI

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

这里强烈推荐使用 Vue CLI 3 ,关于 Vue CLI ,后面会有篇幅叙述。对于入门学习 vue ,暂时还不需要深入了解 Vue CLI 。