# websiteWithAIGC

**Repository Path**: Cloud_6/website-with-aigc

## Basic Information

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

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# Website with AIGC

这是一个基于 Vue 3、TypeScript 和 Vite 构建的项目，旨在提供一个集成 AIGC（人工智能生成内容）能力的网站模板。该项目适合用于构建现代化的 Web 应用程序，并支持快速集成 AI 相关功能。

## 技术栈

- **Vue 3**：现代的前端框架，提供响应式和组件化的开发体验。
- **TypeScript**：为项目提供类型安全和更好的开发工具支持。
- **Vite**：快速的前端构建工具，提供即时的热更新和高效的开发体验。
- **Element Plus**：基于 Vue 3 的组件库，用于快速构建美观的用户界面。

## 项目结构

- `src/main.ts`：项目的入口文件。
- `src/App.vue`：主组件。
- `src/views/`：存放页面组件，如首页 (`home`)、AI 模型页面 (`aimodels`)、作品页面 (`works`) 和个人主页 (`personalHome`)。
- `src/components/`：存放可复用的 Vue 组件，如 `HelloWorld.vue` 和 `banner/index.vue`。
- `src/request/`：封装了网络请求，包括 `api.ts` 和 `index.ts`。
- `src/router/`：路由配置，包括动态路由生成 (`generateRoutes.ts`) 和路由实例 (`index.ts`)。
- `src/store/`：使用 Pinia 进行状态管理。
- `src/utils/`：存放工具函数。
- `src/assets/`：静态资源，包括图片、样式文件和视频。

## 安装与运行

1. **安装依赖**

   ```bash
   npm install
   ```

2. **启动开发服务器**

   ```bash
   npm run dev
   ```

3. **构建生产版本**

   ```bash
   npm run build
   ```

4. **预览生产版本**

   ```bash
   npm run preview
   ```

## 贡献

欢迎提交 Pull Request 或 Issue。请确保代码风格一致，并遵循项目的编码规范。

## 许可证

本项目采用 MIT 许可证。详情请查看项目根目录下的 `LICENSE` 文件。