# 思达项目 **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)

e2yun-ui-admin

## 开发前请认真阅读已经下开发规范 - [创新团队前端开发规范](./%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 |

VbenAdmin Logo VbenAdmin Logo VbenAdmin Logo

## 准备 - [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 | [ Edge](http://godban.github.io/browsers-support-badges/)
IE | [ Edge](http://godban.github.io/browsers-support-badges/)
Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
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 重新启动项目