# Vue 安装方法

# 方法一：直接引用

直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。

对于开发环境，建议使用未经代码压缩的最新版本，此时支持vue devtools调试：

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

对于生产环境，我们推荐链接到一个明确的版本号以避免新版本造成的不可预期的破坏，并且使用经过压缩后的文件以减小网络开支：

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

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

# 最新稳定版
$ npm install vue

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

安装 Vue CLI

npm install -g @vue/cli

安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。

可以用这个命令来检查其版本

vue --version

使用 Vue CLI 创建一个 Vue 项目

vue create hello-world

另外可以运行以下命令可启动图形化界面，一步步根据向导创建一个 vue 项目。

vue ui

创建项目后运行以下命令启动项目：

npm run serve

启动成功后打开 chrome 浏览器输入成功提示中的 url 地址即可访问项目。