xingorg1-ui
基于vue@3.x的一套PC端前端UI组件库
技术栈
目录结构
.├─ README.md├─ package.json├─ docs # 组件使用文档 │ └─ button.md├─ packages # 组件源码 │ ├─ button # 单组件 │ │ ├─ src│ │ │ └─ button.vue│ │ └─ index.js│ └─ index.js # 全部组件入口 ├─ public│ ├─ img│ │ └─ icons # 存放pwa 图标 │ ├─ favicon.ico│ ├─ index.html│ └─ robots.txt├─ src # demo样式 │ ├─ components # 存放单元组件使用Demo │ ├─ App.vue│ └─ main.ts├─ styles # 组件样式 │ ├─ common│ │ ├─ _var.scss # 全局scss变量 │ │ └─ xxx.scss│ ├─ mixin # 混合 │ │ └─ xxx.scss│ └─ button.scss # 组件单样式 └─ tests └─ utils # 单元测试 └─ xx.spec.ts # xx模块测试文件
依赖安装
npm install
host配置
#### xingorg1-ui
127.0.0.1 dev.xingorg1-ui.com
开发环境(编译+热更新)
npm run serve
# or
npm run dev
生产环境(打包+压缩)
npm run build
单元测试
npm run test:unit
代码校验和修复
npm run lint