# 思达项目

**Repository Path**: qq329327314/sida-project

## Basic Information

- **Project Name**: 思达项目
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: genzon-srm-dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-21
- **Last Updated**: 2024-10-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[![license](https://img.shields.io/github/license/xingyuv/vue-vben-admin.svg)](LICENSE)

<h1>e2yun-ui-admin</h1>

## 开发前请认真阅读已经下开发规范

- [创新团队前端开发规范](./%E5%88%9B%E6%96%B0%E5%9B%A2%E9%98%9F%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83.md)
- [创新团队前端 GIT 提交流程](./git%E6%B5%81%E7%A8%8B%E8%A7%84%E8%8C%83.md)

- 项目结构

```.
├── build # 打包脚本相关
│   ├── config # 配置文件
│   ├── generate # 生成器
│   ├── script # 脚本
│   └── vite # vite配置
├── mock # mock文件夹
├── public # 公共静态资源目录
├── src # 主目录
│   ├── api # 接口文件
│   ├── assets # 资源文件
│   │   ├── icons # icon sprite 图标文件夹
│   │   ├── images # 项目存放图片的文件夹
│   │   └── svg # 项目存放svg图片的文件夹
│   ├── components # 公共组件
│   ├── design # 样式文件
│   ├── directives # 指令
│   ├── enums # 枚举/常量
│   ├── hooks # hook
│   │   ├── component # 组件相关hook
│   │   ├── core # 基础hook
│   │   ├── event # 事件相关hook
│   │   ├── setting # 配置相关hook
│   │   └── web # web相关hook
│   ├── layouts # 布局文件
│   │   ├── default # 默认布局
│   │   ├── iframe # iframe布局
│   │   └── page # 页面布局
│   ├── locales # 多语言
│   ├── logics # 逻辑
│   ├── main.ts # 主入口
│   ├── router # 路由配置
│   ├── settings # 项目配置
│   │   ├── componentSetting.ts # 组件配置
│   │   ├── designSetting.ts # 样式配置
│   │   ├── encryptionSetting.ts # 加密配置
│   │   ├── localeSetting.ts # 多语言配置
│   │   ├── projectSetting.ts # 项目配置
│   │   └── siteSetting.ts # 站点配置
│   ├── store # 数据仓库
│   ├── utils # 工具类
│   └── views # 页面
├── test # 测试
│   └── server # 测试用到的服务
│       ├── api # 测试服务器
│       ├── upload # 测试上传服务器
│       └── websocket # 测试ws服务器
├── types # 类型文件
├── vite.config.ts # vite配置文件
└── windi.config.ts # windcss配置文件
```

- 为避免冲突，先 fork vue3 项目到自己仓库，然后 clone 下来，后续通过 pull request 方式提交代码
- vue3 需要 node>16.18,最好使用 pnpm 进行包管理
- 安装 pnpm

```base
npm add -g pnpm
```

- 启动项目

```base
pnpm i

pnpm dev
```

## vben 框架文档

- [vben 开发文档](https://doc.vvbin.cn/components/form.html)
- [vben 页面案例](https://gitee.com/xingyuv/vue-vben-admin)

## 框架

| 框架                                                                 | 说明                      | 版本   |
| -------------------------------------------------------------------- | ------------------------- | ------ |
| [Vue](https://staging-cn.vuejs.org/)                                 | Vue 框架                  | 3.2.47 |
| [Vite](https://cn.vitejs.dev//)                                      | 开发与构建工具            | 4.2.1  |
| [ant-design-vue](https://antdv.com/)                                 | ant-design-vue            | 3.2.17 |
| [TypeScript](https://www.typescriptlang.org/docs/)                   | JavaScript 的超集         | 5.0.4  |
| [pinia](https://pinia.vuejs.org/)                                    | Vue 存储库 替代 vuex5     | 2.0.34 |
| [vueuse](https://vueuse.org/)                                        | 常用工具集                | 9.13.0 |
| [vue-i18n](https://kazupon.github.io/vue-i18n/zh/introduction.html/) | 国际化                    | 9.2.2  |
| [vue-router](https://router.vuejs.org/)                              | Vue 路由                  | 4.1.6  |
| [windicss](https://cn.windicss.org/)                                 | 下一代工具优先的 CSS 框架 | 3.5.6  |
| [iconify](https://icon-sets.iconify.design/)                         | 在线图标库                | 3.1.0  |

<p align="center">
    <img alt="VbenAdmin Logo" width="100%" src="https://anncwb.github.io/anncwb/images/preview1.png">
    <img alt="VbenAdmin Logo" width="100%" src="https://anncwb.github.io/anncwb/images/preview2.png">
    <img alt="VbenAdmin Logo" width="100%" src="https://anncwb.github.io/anncwb/images/preview3.png">
</p>

## 准备

- [node](http://nodejs.org/) 和 [git](https://git-scm.com/) -项目开发环境
- [Vite4](https://vitejs.dev/) - 熟悉 vite 特性
- [Vue3](https://v3.vuejs.org/) - 熟悉 Vue 基础语法
- [TypeScript](https://www.typescriptlang.org/) - 熟悉`TypeScript`基本语法
- [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法
- [Vue-Router-Next](https://next.router.vuejs.org/) - 熟悉 vue-router 基本使用
- [Ant-Design-Vue](https://antdv.com/) - ui 基本使用

## 安装使用

- 获取项目代码

```bash
git clone https://gitlab.e2yun.com/web/e2yun-ui-admin.git

```

- 安装依赖

```bash

pnpm i

```

- 运行

```bash
pnpm dev

```

- 打包

```bash
pnpm build
```

## 浏览器支持

本地开发推荐使用`Chrome 80+` 浏览器

支持现代浏览器, 不支持 IE

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| :-: | :-: | :-: | :-: | :-: |
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## 解决框架弹窗关闭问题：

把 vue 升级到 3.3.0 版本：pnpm i vue@3.3.0 -S 重新启动项目