代码规范
apiList:语义化接口名称 例如:getUser deleteUser updateUser addUser ...
目录结构:(1)views里面的每一个page是按照路由来划分的 命名规则 xxx.vue xxx.ts
(2)src下每一个模块都要尽量写index统一导出,这样解耦清晰
(3)assets---静态资源
components---公共组件
hooks---components的修饰函数
router---路由文件
store---vuex
util---通用方法
views---页面
目录命名规则 (1)paramCase (-)
(2)变量写小驼峰
(3)组件文件夹写小驼峰,组件名称写大驼峰
main.ts 尽量不要写逻辑 逻辑抽离出去
vuex 除了基础框架内的东西 其他的modules要独立一个ts文件
route detail是用来承载除了路由下的其他静态路由
依赖库
node 14.15.4
npm 6.14.10
vue3 + antDesignVue2.x + route4 + vuex4 + axios
安装
npm install 安装依赖
使用
npm run serve
打包
npm run build
打包
npm run build 开发
npm run build:prod 生产
检测
npm run lint 检察代码是否符合eslint规范
格式化
npm run lint:prettier 按照prettier格式化
npm run lint:stylelint 格式化CSS
已完成功能
- 目录
- 登录和注销
- 用户管理
- 可分配权限的角色管理
- 可管理用户的部门管理
- 基于后台路由权限的菜单管理
- 完全动态的路由设置
- 可折叠侧边栏
- 可拖拽菜单自定义侧边栏
- 多标签页模式/全局控制
- 菜单搜索
- 页面加载 loading
- 弹窗扩展(自定义组合模板的弹窗)
- hooks 封装
- 表单组件(eyas 自由组装 二次封装)
- 验证码登录
- 可拖动树组件
- 表格组件
- 全局错误处理
待开发的功能
- 黑暗主题
- 主题配置
执行后的目录包含所有改动文件的目录结构
加入我们
把手科技内部强大的后台基础框架,不得侵权
增量包配置命令及使用方法
进入项目 git 的根目录
进入 git bash 执行如下命令
git diff 【new】 【old】 --name-only | xargs tar -czvf update.tar.gz
其中 reversion number 在 git tree 中可以 copy 【可以只取前 7 位 】