工具记录

发布时间 2023-04-26 16:16:57作者: 如戏一场

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/
功能: 语法风格检查

commitizen

官网: https://npmjs.com/package/commitizen
功能: 规范git提交

commitlint

官网: https://github.com/conventional-changelog/commitlint
功能: 规范git提交

husky

官网: https://typicode.github.io/husky/#/
功能: git钩子函数,可以阻止git的提交