Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wzhqwq/vc-frontend-deploy-only
项目实训项目“多聚类可视化平台”前端工程,同步自内部项目托管网站
https://github.com/wzhqwq/vc-frontend-deploy-only
configurable d3-js drag-and-drop joyui low-code svgjs
Last synced: 6 days ago
JSON representation
项目实训项目“多聚类可视化平台”前端工程,同步自内部项目托管网站
- Host: GitHub
- URL: https://github.com/wzhqwq/vc-frontend-deploy-only
- Owner: wzhqwq
- Created: 2023-06-21T16:11:41.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-09-14T06:00:31.000Z (about 1 year ago)
- Last Synced: 2023-09-14T20:06:50.705Z (about 1 year ago)
- Topics: configurable, d3-js, drag-and-drop, joyui, low-code, svgjs
- Language: TypeScript
- Homepage: https://vc-frontend.vercel.app
- Size: 953 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 项目说明
# 开发
## 命名规范
- 所有的组件首字母大写
- 所有的页面仅导出一个default函数组件,且文件名必须和组件名一致(否则hmr会失效)
- 所有的页面组件必须放在`src/pages`目录下
- 所有的可重用组件集合不应该导出default,应该导出多个组件、type、interface、常量等
- 所有的可重用组件必须导出default,可以导出多个type、interface、常量等
- 所有的可重用组件必须放在`src/components`目录下## import规范
@mui/icons-material虽然支持摇树优化,但是由于它的图标太多了,如果从index中引入图标,会导致vite扫描所有的图标代码,导致编译时间过长,所以请直接从`@mui/icons-material/图标名`引入
## UI规范
尽量使用`@mui/joy`中的组件,对于没有的组件,可以用`@mui/material`代替,颜色已经统一,不需要再自己定义颜色
### 颜色使用
所有容器和容器内组合组件请使用neutral(是默认的),需要从主题中区分出的重要操作组件请使用primary
## 安装依赖
```bash
yarn
```## 启动开发服务器
```bash
yarn start
```## 构建生产版本
```bash
yarn build
```