2026-03-05 09:24:14 +08:00
|
|
|
# X-Agents
|
|
|
|
|
|
2026-03-05 09:28:32 +08:00
|
|
|
Vue 3 + Vite + TypeScript + Tailwind CSS 项目
|
|
|
|
|
|
|
|
|
|
## 技术栈
|
|
|
|
|
|
|
|
|
|
- Vue 3
|
|
|
|
|
- Vite
|
|
|
|
|
- TypeScript
|
|
|
|
|
- Tailwind CSS
|
|
|
|
|
- Pinia (状态管理)
|
|
|
|
|
- Vue Router
|
|
|
|
|
- ECharts
|
|
|
|
|
|
|
|
|
|
## 基础操作
|
|
|
|
|
|
|
|
|
|
### 安装依赖
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
npm install
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### 开发模式
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
npm run dev
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
启动开发服务器，默认访问 http://localhost:5173
|
|
|
|
|
|
|
|
|
|
### 构建生产版本
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
npm run build
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### 预览生产版本
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
npm run preview
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 项目结构
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
├── src/ # 源代码
|
|
|
|
|
├── web/ # Web 资源
|
|
|
|
|
├── index.html # 入口 HTML
|
|
|
|
|
├── vite.config.ts # Vite 配置
|
|
|
|
|
├── tailwind.config.js # Tailwind 配置
|
|
|
|
|
└── tsconfig.json # TypeScript 配置
|
|
|
|
|
```
|
