如何安装 Vue - JavaScript

Vue 是一款流行的 JavaScript 框架，提供了数据驱动和组件化的方式搭建用户界面。在开始使用 Vue 开发前，需要先安装 Vue。

安装 Vue

有两种方法安装 Vue：通过 CDN 或使用包管理器进行本地安装。

CDN 安装

可以直接在 HTML 中引入 Vue 的开发或生产版本。在头部添加以下代码：

<!-- 开发版本 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!-- 生产版本（压缩代码）-->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

本地安装

使用包管理器进行本地安装是使用 Vue 最常见的方法。

使用 npm 安装

首先需要安装 Node.js，然后在终端中输入以下命令：

npm install vue

如果你希望安装和开发环境一起使用，可以使用以下命令：

npm install vue --save-dev

使用 yarn 安装

如果你使用 yarn 作为包管理器，可以在终端中使用以下命令：

yarn add vue

如果你只想安装开发所需依赖，可以使用以下命令：

yarn add vue --dev

验证安装

安装完成后，可以在终端中输入以下命令，查看是否成功安装了 Vue：

vue --version

输出版本号代表成功安装。

结论

通过 CDN 或使用包管理器本地安装，都可以轻松安装 Vue，确保你可以使用所有 Vue 提供的功能。