https://github.com/devifish/fish-cloud-ui
基于 Vue3、Typescript、Ant Design Vue 框架开发的 Fish Cloud 微服务系统前端UI页面
https://github.com/devifish/fish-cloud-ui
ant-design typescript vue-composition-api vue3 vue3-typescript vuejs
Last synced: 11 months ago
JSON representation
基于 Vue3、Typescript、Ant Design Vue 框架开发的 Fish Cloud 微服务系统前端UI页面
- Host: GitHub
- URL: https://github.com/devifish/fish-cloud-ui
- Owner: Devifish
- License: mit
- Created: 2020-07-03T06:14:15.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-06-04T11:59:14.000Z (almost 5 years ago)
- Last Synced: 2025-04-19T20:48:03.868Z (about 1 year ago)
- Topics: ant-design, typescript, vue-composition-api, vue3, vue3-typescript, vuejs
- Language: Vue
- Homepage:
- Size: 356 KB
- Stars: 6
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Fish Cloud UI
> 基于 Vue3、Typescript、Ant Design Vue 框架开发
> 使用现代化编码 ECMAScript 2019、Vue Composition API
> 提供对 Docker 容器环境运行的支持,可使用 Docker Compose、Kubernetes 编排
- 后端实现：https://github.com/Devifish/fish-cloud
- 在线体验：https://cloud.devifish.cn (guest/guest)
## 依赖环境
| 依赖 | 版本 |
| -------------- | ---------- |
| Typescript | 4.0.0 |
| Vue.js | 3.0.11 |
| Vuex | 4.0.0 |
| Vue Router | 4.0.3 |
| Vue CLI | 5.0.0 |
| Ant Design Vue | 2.1.6 |
- 推荐使用 Node.js 12 及以上的运行/构建当前项目
## 模块说明
```
└── public/ -------------------------------------- 公共静态文件
└── src
├── api/ ------------------------------------ API接口
├── assets/ --------------------------------- 资源文件
├── components/ ----------------------------- 公共组件
├── interceptor/ ---------------------------- 路由拦截器
├── layouts/ -------------------------------- 页面布局
├── library/ -------------------------------- 三方依赖封装
├── router/ --------------------------------- 路由配置
├── store/ ---------------------------------- Vuex配置
├── utils/ ---------------------------------- 工具库
├── views/ ---------------------------------- 页面
├── App.vue --------------------------------- App.vue
├── index.d.ts ------------------------------ ts声明文件
└── main.js --------------------------------- main入口
├── babel.config.js ----------------------------- babel配置文件
├── tsconfig.json ------------------------------- ts配置文件
└── vue.config.js-------------------------------- vue配置文件
```
## 如何使用
```
git clone https://github.com/Devifish/fish-cloud-ui.git
cd fish-cloud-ui
npm install
npm run serve
```