基于 umijs 框架搭建的物业助手
#安装依赖
yarn or yarn install
# 开发
yarn start
# 打包
yarn run build
颜色、间距、字体大小等都以定义变量的方式存在
- 颜色值: 定义在 src/themes/templates/light.js,继承
antd
的变量名约定 - 间距、字体: 定义在 src/themes/var.less ,变量名自定义
具体页面的属性使用变量名赋值
.inputIcon {
color: @normal-color;
}
.inputIconFocus {
color: @primary-color;
}
- 使用
eslint
、stylelint
搭配husky
、lint-staged
做JS、TS和CSS语法检查 - 使用
commitizen
做代码提交规范控制,需要npm install -g commitizen
,然后用git cz
代替git commit
根据设计稿统一使用px单位赋值
- 新建组件流程:大驼峰命名文件名,文件夹下新建
index.{jsx|tsx}
和index.less
。
MIT