# vue-3.x-guide-examples-final

**Repository Path**: zhaoshouxin_admin/vue-3.x-guide-examples-final

## Basic Information

- **Project Name**: vue-3.x-guide-examples-final
- **Description**: Vue 3.x 全家桶完全指南与实战
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-10
- **Last Updated**: 2025-09-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-3.x-guide-examples
 Vue 3.x 完全指南+实战课程示例代码

## 章节对应关系

01 - 快速开始
02 - Vue 基础入门
03 - Vue 进阶用法
04 - Vue 核心：组件与脚手架
05 - Vue 组件深入
06 - Vue 组合 API
07 - Vue 背后机制
08 - Vue 动画与过渡
09 - Vue 项目开发与部署
10 - Vue Router 4.x 路由管理
11 - Vuex 4.x 全局状态管理
12 - 综合示例
13 - TypeScript 入门教程
14 - Vue 与 TypeScript 集成
15 - Pinia 全局状态管理
16 - Vue 与后台交互 HTTP

vue完全指南与实战项目-导出.fig - 项目设计稿，需使用 figma 打开

章节与课时的对应关系，可以看章节目录下的 `README.md`。

## 示例运行方式

对于非脚手架创建的示例，直接在 index.html 里右击，选择 `Open with LiveServer` 使用 LiveServer 插件运行。

对于使用 vite 脚手架创建的项目，进入到具体的示例目录，安装依赖：

```bash
yarn install
```

然后运行 `yarn dev`，例如：

```bash
cd 10-vue-router/12-route-view-alias

yarn dev
```

如果要重装 `node_modules` 依赖，直接在源码**根目录**下运行 `yarn install` 即可（不需进入到具体的示例目录）。