目前支持的开发环境如下:
cd frontend npm install
npm run serve
npm run test:unit
npm run build
Vue3.0 + Scss(css modules) + Element Plus + Eslint,Stylelint,Prettier,Husky 统一代码风格与规范。
根据 eslint 约定规范,详见.eslintrc。
根据 stylelint 约定规范,详见.stylelintrc。
请 IDE 下载 Eslint 和 Prettier 插件,配置保存文件时自动 fix。
src 源码目录 |-- api 接口,统一管理 |-- assets 静态资源,统一管理 |-- components 公用业务组件, |-- hooks 共用hooks文件 |-- i18n 国际化配置文件 |-- components 公用组件,全局文件 |-- util 全局工具 |-- icons 图标,全局资源 |-- lib 共用库 |-- mock 模拟接口,临时存放 |-- router 路由,统一管理 |-- store vuex, 统一管理 |-- styles 全局样式,scss全局变量等样式相关文件 | |-- element.scss 全局修改element plus组件库样式 | |-- reset.scss 重置浏览器样式 | |-- variables.scss scss全局变量 |-- views 视图目录 | |-- pageA 页面 | |-- |-- hooks 页面通用hooks | |-- |-- api 需要就近维护的接口 | |-- |-- index.vue 页面入口页面 | |-- |-- components 页面通用组件
原则上基于 Element Plus 组件库进行开发,统一开发样式。
原则上基于 <type>(<scope>): <subject>
格式提交代码,详见https://zhuanlan.zhihu.com/p/182553920