# vea-admin

**Repository Path**: tangkebo/vea-admin

## Basic Information

- **Project Name**: vea-admin
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-23
- **Last Updated**: 2026-07-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + TypeScript + Vite

[项目地址](https://gitee.com/tangkebo/vea-admin)

### 项目介绍

这是一个基于 Vue 3 + TypeScript + Vite 的项目，用于快速搭建 Vue 3 项目的开发环境。
项目采用 Vue 3 的 `<script setup>` SFCs，检查 [script setup 文档](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) 了解更多。
项目采用 TypeScript 作为类型检查语言，检查 [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup) 了解更多。
项目采用 Vite 作为构建工具，检查 [Vite 官方文档](https://vitejs.dev/guide/) 了解更多。

### 相关依赖版本

- vue: ^3.5.32
- typescript: ~6.0.2
- vite: ^8.0.9

### 1. 初始化项目

#### 1.1 node版本

node: v20.20.2

#### 1.2. 创建项目

```bash
npm create vite@latest vea-admin -- --template vue-ts
```

创建完成后，进入项目目录并安装依赖：

```bash
cd vea-admin
npm install
```

最后，启动项目：

```bash
npm run dev
```

构建项目

```bash
npm run build
```

### 2. 配置路径别名

修改 `vite.config.ts` 文件，添加路径别名：

```typescript
import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

const resolvePath = (path: string) => fileURLToPath(new URL(path, import.meta.url))

// https://vite.dev/config/
export default defineConfig({
	plugins: [vue()],
	resolve: {
		alias: {
			'@': resolvePath('./src'),
			'#': resolvePath('./types'),
		},
	},
})
```

添加类型别名

```typescript
// tsconfig.app.json
{
  "extends": "@vue/tsconfig/tsconfig.dom.json",
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"],
      "#/*": ["./types/*"]
    },
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
    "types": ["vite/client"],

    /* Linting */
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "erasableSyntaxOnly": true,
    "noFallthroughCasesInSwitch": true
  },
  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
}
```

### 3. 配置 ESLint 和 prettier

#### 3.1 开发工具配置

本文使用代码编辑器为 VSCode，需安装好了相应的插件 Vue - Official，ESLint 以及 Prettier。


<!-- 接下来： -->