工具记录

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 的提交

posted @ 2023-04-26 16:11  如戏一场  阅读(135)  评论(0编辑  收藏  举报