# vite-vue-3

**Repository Path**: ivapor/vite-vue-3

## Basic Information

- **Project Name**: vite-vue-3
- **Description**: 简易的脚手架：Vue 3 + Vite 3 + Ant Design Vue
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 12
- **Forks**: 0
- **Created**: 2022-09-01
- **Last Updated**: 2025-06-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript, vite, Vue

## README

# Vue 3 + Vite 3 + Ant Design Vue

最简单纯粹，生产可用的 vue3 、vite 脚手架。
希望给大家一个最简洁可用的脚手架. Ant Design Vue 的版本已经更新到 4.2.6.

## 启动
1. Node 版本 `22.15.0`，安装依赖 `npm install`
2. 使用命令 `npm run dev` 进行启动。
3. nvm 版本 `1.1.9`

## 发布
1. 清除 dist 目录，运行命令 `npm run clean`。
2. 执行打包流程，运行命令 `npm run build`。

## 技术
架构: Vite + Vue + Ant Design Vue + Less。支持 JSX，Ant Design Vue 按需加载。
其他：路由管理 Vue-Router，状态管理 Pinia。

## 目录
1. assets 存放静态资源
2. api 存放接口函数
3. components 存放公共组件
4. layout 存放框架组件，例如 Header, Menu, Content。
5. pages 目录放页面组件。

## Q&A
### 1. 为什么放弃使用 Alloy eslint 规则
Alloy 规则依赖 eslint-config-alloy 的 可选依赖（peerOptional）中包含了 @typescript-eslint/parser。
在本项目不使用 ts 情况下，总是导致安装依赖报错，存在版本兼容问题。而且该规则也不再维护了.

### 2. 为什么不使用 ant-design-vue 的 reset.css 进行重置样式
项目已经使用 meyerweb.com 的重置样式的文件。ant design vue 版本本身还是会添加一些默认样式,不有利于页面开发。

### 3. 为什么使用 Pinia
vuex 4.0 之后不再更新，Pinia 更适配 vue3。