几种常见的安装Vue的方式
一、通过CDN（内容分发网络）安装（用于快速开发和测试）
- 在HTML文件中引入Vue
- 你可以在HTML文件的
<head>标签或者<body>标签底部（推荐）引入Vue的开发版本或者生产版本。 - 对于开发版本（包含完整的警告和调试模式），使用以下代码：
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script> - 对于生产版本（经过压缩，体积更小，用于生产环境），代码如下：
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js"></script> - 注意：这里的
2.7.14是版本号，你可以根据实际需求更换为最新的版本。你可以在Vue官方网站（https://vuejs.org/)上查看最新版本号。
- 你可以在HTML文件的
二、使用npm（Node Package Manager）安装（用于构建大型应用程序）
- 前提条件
- 确保你的计算机上已经安装了Node.js。你可以在Node.js官方网站（https://nodejs.org/)下载并安装适合你操作系统的版本。安装完成后，你可以在命令行中使用
node -v来检查Node.js的版本，使用npm -v来检查npm的版本。
- 确保你的计算机上已经安装了Node.js。你可以在Node.js官方网站（https://nodejs.org/)下载并安装适合你操作系统的版本。安装完成后，你可以在命令行中使用
- 创建项目目录并初始化npm
- 打开命令行工具（如Windows的命令提示符或PowerShell，Mac和Linux的终端），创建一个新的项目目录，例如：
mkdir my-vue-project cd my - vue - project - 然后在项目目录中初始化npm，运行以下命令：
npm init -y - 这将创建一个
package.json文件，用于管理项目的依赖关系。
- 打开命令行工具（如Windows的命令提示符或PowerShell，Mac和Linux的终端），创建一个新的项目目录，例如：
- 安装Vue
- 运行以下命令来安装Vue：
npm install vue - 安装完成后，
vue会被添加到node_modules目录下，并且相关的依赖信息会记录在package.json文件中。 - 在JavaScript文件（例如
main.js）中，你可以通过以下方式引入Vue：import Vue from 'vue';
- 运行以下命令来安装Vue：
三、使用Vue CLI（Command - Line Interface）安装（推荐用于专业的Vue项目开发）
- 前提条件同npm安装（需要Node.js）
- 全局安装Vue CLI
- 在命令行中运行以下命令：
npm install -g @vue/cli - 安装完成后，你可以使用
vue -V（注意是大写的V）来检查Vue CLI的版本。
- 在命令行中运行以下命令：
- 创建Vue项目
- 使用以下命令创建一个新的Vue项目：
vue create my - vue - app - 这里
my - vue - app是你的项目名称，你可以根据自己的喜好修改。在创建过程中，你会被提示选择一些配置选项，如是否使用TypeScript、CSS预处理器等。 - 项目创建完成后，进入项目目录：
cd my - vue - app - 然后可以通过以下命令启动开发服务器：
npm run serve - 这样你就可以在浏览器中访问
http://localhost:8080/来查看你的Vue应用了。
- 使用以下命令创建一个新的Vue项目：
