使用 Vite 创建一个初始化的 Vue 项目

使用 Vite 创建一个初始化的 Vue 项目非常简单，以下是具体的步骤：

### 1. 安装 Vite

首先，你需要确保你的开发环境中安装了 Node.js。然后，可以通过 npm 或 yarn 安装 Vite：

```bash

npm create vite@latest

# 或者使用 yarn

yarn create vite

```

### 2. 创建新项目

运行上述命令后，你会被提示输入项目名称和选择框架。按照以下步骤进行操作：

1. **输入项目名称**：输入你想要的项目名称，例如 `my-vue-app`。

2. **选择框架**：选择 `Vue` 或 `Vue + TypeScript`（如果你想使用 TypeScript）。

### 3. 进入项目目录

创建项目后，进入项目目录：

```bash

cd my-vue-app

```

### 4. 安装依赖

在项目目录中，运行以下命令以安装项目所需的依赖：

```bash

npm install

# 或者使用 yarn

yarn install

```

### 5. 启动开发服务器

安装完成后，启动开发服务器：

```bash

npm run dev

# 或者使用 yarn

yarn dev

```

### 6. 访问应用

打开浏览器，访问 `http://localhost:5173`，你就可以看到初始化的 Vue 项目在运行了。

### 7. 目录结构

项目创建完成后，你会看到一个基本的目录结构，包含：

- `src`：存放源代码的文件夹，包括 `main.js` 和 `App.vue` 等文件。

- `index.html`：应用的入口 HTML 文件。

- `vite.config.js`：Vite 的配置文件。

### 总结

使用 Vite 命令模式快速创建一个 Vue 项目非常方便，支持热重载和高效的开发体验。你可以在此基础上进行开发，添加组件、路由等功能。

 您阅读本篇文章共花了：