Skip to content
View Thyiad's full-sized avatar

Block or report Thyiad

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Thyiad/readme.md

注意

使用修改点:

  • windows 下配置 autocrlf 为 false
    git config --global core.autocrlf false

    否则会自动把换行符 LF(linefeed character) 转换成回车符 CRLF(carriage-return character)

  • constant/index.ts

    采用 cookie 存储 token 到上级域名,在这个文件中修改 cookie key 及登录页面的 url

  • constant/systemInfo.ts

    页面常量在此处修改,比如系统名称、著作权等等

  • 开启 rem 需要放开注释

    webpack/module-rules.js 的 pix2rem webpack/index.html 中 rem 的 script 节点 server/config.ts 中的 useRem

提交规范

'build', // 构建
'ci', // ci
'chore', // Other changes that don't modify src or test files. 改变构建流程、或者增加依赖库、工具等
'docs', // Adds or alters documentation. 仅仅修改了文档,比如README, CHANGELOG, CONTRIBUTE等等
'feat', // Adds a new feature. 新增feature
'fix', // Solves a bug. 修复bug
'perf', // Improves performance. 优化相关,比如提升性能、体验
'refactor', // Rewrites code without feature, performance or bug changes. 代码重构,没有加新功能或者修复bug
'revert', // Reverts a previous commit. 回滚到上一个版本
'style', // Improves formatting, white-space. 仅仅修改了空格、格式缩进、逗号等等,不改变代码逻辑
'test' // Adds or modifies tests. 测试用例,包括单元测试、集成测试等

已完成

  • 集成 antd
  • husky、quick prettie、commitlint 验证提交
  • utils 工具类封装
  • 基础布局封装

    左侧菜单布局、顶部菜单布局、注册/登录布局

  • 权限控制
  • 集成 ant design pro table
  • thyReq 允许自定义 axios 回调
  • stylus、vue 支持

    等 vue3 release 再考虑,到时候再集成一个默认的 vue ui

  • fluent ui

    看着风格挺好的,接口设计也挺好的,还 css in js,奈何组件太弱了,需要自行完善很多:

    • toast 静态调用(基于 MessageBar 封装)
    • alert、confirm 静态调用(基于 Modal 封装)
    • 表格:分页组件(无)、过滤搜索区域()
    • 表单:form 组件(无)、form 自动验证(无)
    • 默认没有栅格栏,需要导入 Fabric Core
    • 重写 login 页面
    • 重写 leftMenuLayout
    • 重写 topMenuLayout

ssr

  • server 端获取页面初始数据
  • 注入初始 store 数据
  • server 端有修改时,如何自动刷新页面 除非开发时 socket 通知,但仅仅为了自动刷新,没必要
  • 使用 nodemon,有时候端口不会被释放 已改为 spawn+kill('SIGINT') 的方式

husky 6.0

husky6 必须安装在根目录下

npm install husky --save-dev
npx husky install   # 如果要安装到子目录中,需要  husky install frontend/.husky
npm set-script prepare "husky install"  # 如果是子目录,需要在子目录中运行: npm set-script prepare "cd .. && husky install frontend/.husky"
npx husky add .husky/pre-commit "npx --no-install pretty-quick --staged" # 如果是子目录,需要在具体命令前加上 cd frontend,比如.husky/pre-commit
npx husky add .husky/commit-msg "npx --no-install commitlint --edit $1"

chalk

  • chalk 暂保持在 4.0,原因

    This package is now pure ESM. Please read this. If you use TypeScript, you will want to stay on Chalk 4 until TypeScript 4.6 is out. Why.

  • 同上,clean-webpack-plugin 也暂保持在 3.0
  • react-router-v6 改动有点大,有些系统还用了微服务,这里暂不做升级

    官方升级指南:https://reactrouter.com/docs/en/v6/upgrading/v5#introduction

预览

login home

升级到 antd5.0+react-router-6.0

  • 先升级 webpack 等依赖库到最新版本
  • 升级 react 到 18
  • 升级到 antd5
  • 升级 react-router 到 6.0

Popular repositories Loading

  1. docker docker Public

    JavaScript 13 8

  2. tech-share tech-share Public

    technology share document

    JavaScript 9 2

  3. thyiad-cli thyiad-cli Public

    JavaScript 6 3

  4. react-ssr react-ssr Public

    TypeScript 5 1

  5. mui-extend mui-extend Public

    为dcloud的mui扩展功能。

    JavaScript 4 2

  6. learn learn Public

    notes

    HTML 1 1