# vue3-ts-vite-study

**Repository Path**: loboSpring/vue3-ts-vite-study

## Basic Information

- **Project Name**: vue3-ts-vite-study
- **Description**: 参考官网教程的学习项目，实践了很多新的用法，快速搭建的 vue3 + ts + vite 项目https://v3.cn.vuejs.org/guide/installation.html#vite
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-06-08
- **Last Updated**: 2024-02-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3-ts-vite-study

参考官网教程，快速搭建的 vue3 + ts + vite 项目

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

### 项目构建细节

- 1.升级@vue/cli 在 4.5 以上（vue -V 查看版本）
- 2.使用 yarn create vite project-name --template vue 快速构建 vue3 + vite 项目，[参考文献](https://v3.cn.vuejs.org/guide/installation.html#vite)
- 3.添加 ts 支持，[参考文献](https://v3.cn.vuejs.org/guide/typescript-support.html#%E9%A1%B9%E7%9B%AE%E5%88%9B%E5%BB%BA)
- 注意：可能需要安装 yarn add @vue/cli-service -D，如果出现该包相关的报错
- 4.添加路由，[参考文献](https://router.vuejs.org/zh/guide/#javascript)