工具记录
vite
官网: https://cn.vitejs.dev/guide/
功能: 打包构建工具
esbuild
官网: https://esbuild.github.io/
功能: 打包构建工具
webpack
官网: https://webpack.js.org/
功能: 打包构建工具
rollup
官网: https://rollupjs.org/
功能: 打包构建工具
lerna
官网: https://lerna.js.org/docs/recipes/using-pnpm-with-lerna
功能: 多项目统一管理工具
prisma
官网: https://www.prisma.io/
功能: nodejs 数据库查询库
verdaccio
官网: https://verdaccio.org/
功能: 一键搭建私有化 npm 仓库
storybook
官网: https://storybook.js.org/
功能: 快速文档生成器,包含可视化测试,在线演示等
vuepress
官网: https://vuepress.vuejs.org/
功能: vue 的文档快速生成器,只支持 vue,生成的文档风格与 vue 官网相同
reactflow
官网: https://reactflow.dev/
功能: 基于 react 快速创建流程图的库
recoil
官网: https://recoiljs.org/
功能: 基于 react 的状态管理库
axios
官网: https://axios-http.com/docs/intro
功能: http 请求库
popperjs
官网: https://popper.js.org/docs/v2/
功能: 弹窗提示工具
react-table
官网: https://react-table-v7.tanstack.com/
功能: 基于 react hook 封装的一个无样式表单库(灵活的创建高性能表单)
react-router react-router-dom
官网: https://reactrouter.com/
功能: 基于 react 的路由库
react-query
官网: https://tanstack.com/query/v3/docs/react/quick-start
功能: 将网络请求以 hook 包裹,将其转换成同步的形式
immutable
官网: https://immutable-js.com/
功能: 将 js 对象转换成不可变对象,提高操作效率
react-markdown
官网: https://github.com/remarkjs/react-markdown
功能: 解析 markdown 语法
katex
官网: https://katex.org/
功能: 与 react-markdown 结合解析 latex 语法(数学公式)
mermaid
官网: https://mermaid.js.org/
功能: 与 react-markdown 结合解析 markdown 流程图语法
react-syntax-highlighter
官网: https://github.com/react-syntax-highlighter/react-syntax-highlighter
功能: 与 react-markdown 实现语法高亮
threejs
官网: https://threejs.org/
功能: 渲染 3D 场景
@react-three/fiber
官网: https://github.com/pmndrs/react-three-fiber#readme
功能: 在 react 中以 react component 的方式实现 3D 场景的渲染,(其中包含很多实用的工具)
pm2
官网: https://pm2.keymetrics.io/
功能: 管理服务,服务断开自动重启,开机自动启动等
npm
官网: https://www.npmjs.com/
功能: node 自带的包管理工具
pnpm
官网: https://pnpm.io/
功能: 包管理工具(树状结构管理 node_modules 中的依赖)
yarn
官网: https://yarnpkg.com/
功能: 包管理工具
animejs
官网: https://animejs.com/
功能: 快速创建动画库
react-spring
官网: https://www.react-spring.dev/
功能: 基于 react 的动画库
react-draggable
官网; https://github.com/react-grid-layout/react-draggable
功能: 基于 react 的拖拽库
dayjs
官网; https://day.js.org/
功能: 日期时间处理库
rc-input
官网: https://www.npmjs.com/package/rc-input
功能: 基于 react 封装的输入框
eslint
官网: https://eslint.org/
功能: 语法检查 (检查 react 语法 eslint-plugin-react)(lint-staged 结合 husky 在 gitcommit 之前检查语法)
prettier
官网: https://prettier.io/
功能: 代码风格格式化 (结合 eslint 可安装解决风格冲突 eslint-config-prettier eslint-plugin-prettier)
commitizen
官网: https://npmjs.com/package/commitizen
功能: 规范 git 提交(风格生成 cz-conventional-changelog,帮助可视化提交)
commitlint
官网: https://github.com/conventional-changelog/commitlint
功能: 规范 git 提交(结合 husky @commitlint/cli @commitlint/config-conventional 在提交时检查提交信息规范)
husky
官网: https://typicode.github.io/husky/#/
功能: git 钩子函数,可以阻止 git 的提交