--- theme: fancy --- ![图怪兽_1828c60beb9acefd1a469d3dc0dff57f_36412.jpg](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/13cecaabad724fc48e3f4be25db9fd19~tplv-k3u1fbpfcp-watermark.image) > 前言：文章的灵感来源于，社群中某大佬分享一个自己耗时数月维护的github项目 [`awesome-nodejs` ](https://github.com/huaize2020/awesome-nodejs/blob/main/README-zh-CN.md)。或许你跟我一样会有一个疑惑，github上其实已经有个同类型的awesome-nodejs库且还高达41k⭐，重新维护一个新的意义何在？当你深入对比后，本质上还是有差别的，一个是分类体系粒度更细，其次是对中文更友好的翻译维护，也包括了对国内一些优秀的开源库的收录。最后我个人认为通过自己梳理，也能更好地做复盘和总结 ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d994184d282948b4aaea12f156db4078~tplv-k3u1fbpfcp-watermark.image) 通过阅读 [`awesome-nodejs` ](https://github.com/huaize2020/awesome-nodejs/blob/main/README-zh-CN.md) 库的收录，我抽取其中一些应用场景比较多的分类，通过分类涉及的应用场景跟大家分享工具 ### 1.Git #### 1.1 应用场景1: 要实现git提交前 eslint 校验和 commit 信息的规范校验？可以使用以下工具： - [`husky`](https://github.com/typicode/husky) - 现代化的本地Git钩子使操作更加轻松 - [`pre-commit`](https://github.com/observing/pre-commit) - 自动在您的git储存库中安装git pre-commit脚本，该脚本在pre-commit上运行您的npm test。 - [`yorkie`](https://github.com/yyx990803/yorkie) 尤大改写的yorkie，yorkie实际是fork husky，让 Git 钩子变得简单(在 vue-cli 3x 中使用) #### 1.2 应用场景2: 如何通过node拉取git仓库？（可用于开发脚手架）可以使用以下工具： - [`download-git-repo`](https://gitlab.com/flippidippi/download-git-repo) - 下载和提取Git仓库 (支持GitHub, GitLab, Bitbucket)。 #### 1.3 应用场景3: 如何在终端看git 流程图？可以使用以下工具： - [`gitgraph`](https://github.com/nicoespeon/gitgraph.js/tree/master/packages/gitgraph-node) - 在 Terminal 绘制 git 流程图（支持浏览器、React）。 #### 1.4 其他 - [`git-url-parse`](https://github.com/IonicaBizau/git-url-parse) - 高级别git解析。 - [`giturl`](https://github.com/repo-utils/giturl) - 将Git链接转化成Web链接。 ### 2.环境 #### 2.1 应用场景1: 如何根据不同环境写入不同环境变量？可以使用以下工具： - [`cross-env`](https://github.com/kentcdodds/cross-env) - 跨平台环境脚本的设置，你可以通过一个简单的命令（设置环境变量）而不用担心设置或者使用环境变量的平台。 - [`dotenv`](https://github.com/motdotla/dotenv) - 从 .env文件加载用于nodejs项目的环境变量。 - [`vue-cli --mode`](https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F) - 可以通过传递 --mode 选项参数为命令行覆写默认的模式 ### 3.NPM #### 3.1 应用场景1: 如何切换不同npm源？可以使用以下工具： - [`nrm`](https://github.com/Pana/nrm) - 快速切换npm注册服务商，如npm、cnpm、nj、taobao等，也可以切换到内部的npm源 - [`pnpm`](https://github.com/pnpm/pnpm) - 可比yarn，npm 更节省了大量与项目和依赖成比例的硬盘空间 #### 3.2 应用场景2: 如何读取package.json信息？可以使用以下工具： - [`read-pkg-up `](https://github.com/sindresorhus/read-pkg-up) - 读取最近的package.json文件。 - [`node-pkginfo `](https://github.com/indexzero/node-pkginfo) - 从package.json读取属性的简单方法。 #### 3.3 应用场景3：如何查看当前package.json依赖允许的更新的版本可以使用以下工具： - [`npm-check-updates `](https://github.com/raineorshine/npm-check-updates) - 找当前package.json依赖允许的更新的版本。 ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/df95ef7e59274b0ab350a12f5db10e27~tplv-k3u1fbpfcp-watermark.image) #### 3.4 应用场景4：如何同时运行多个npm脚本 > 通常我们要运行多脚本或许会是这样`npm run build:css && npm run build:js` ，设置会更长通过`&`来拼接可以使用以下工具： - [`npm-run-all`](https://github.com/mysticatea/npm-run-all) - 命令行工具，同时运行多个npm脚本（并行或串行） npm-run-all提供了三个命令，分别是 npm-run-all run-s run-p，后两者是 npm-run-all 带参数的简写，分别对应串行和并行。而且还支持匹配分隔符，可以简化script配置或者使用 - [`concurrently`](https://github.com/kimmobrunfeldt/concurrently) - 并行执行命令，类似 npm run watch-js & npm run watch-less但更优。（不过它只能并行） #### 3.5 应用场景5：如何检查NPM模块未使用的依赖。可以使用以下工具： - [`depcheck`](https://github.com/depcheck/depcheck) - 检查你的NPM模块未使用的依赖。 ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/09f11af51fcc4579adcb2eb4941d0955~tplv-k3u1fbpfcp-watermark.image) #### 3.6 其他： - [`npminstall`](https://github.com/npm/node-semver) - 使 npm install 更快更容易，cnpm默认使用 - [`semver`](https://github.com/repo-utils/giturl) - NPM使用的JavaScript语义化版本号解析器。关于npm包在线查询，推荐一个利器 [`npm.devtool.tech`](https://npm.devtool.tech/) ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/61085e432e534654a98dedb70db687ea~tplv-k3u1fbpfcp-watermark.image) ### 4.文档生成 #### 4.1 应用场景1：如何自动生成api文档？ - [`docsify`](https://github.com/docsifyjs/docsify) - API文档生成器。 - [`jsdoc `](https://github.com/jsdoc/jsdoc) - API文档生成器，类似于JavaDoc或PHPDoc。 ### 5.日志工具 #### 5.1 应用场景1：如何实现日志分类? - [`log4js-nodey`](https://github.com/log4js-node/log4js-node) - 不同于Java log4j的日志记录库。 - [`consola `](https://github.com/nuxt/consola) - 优雅的Node.js和浏览器日志记录库。 - [`winston `](https://github.com/winstonjs/winston) - 多传输异步日志记录库（古老） ### 6.命令行工具 #### 6.1 应用场景1: 如何解析命令行输入？ > 我们第一印象会想到的是`process.argv`，那么还有什么工具可以解析吗？可以使用以下工具： - [`minimist `](https://github.com/substack/minimist) - 命令行参数解析引擎 - [`arg`](https://github.com/vercel/arg) - 简单的参数解析 - [`nopt `](https://github.com/npm/nopt) - Node/npm 参数解析 #### 6.2 应用场景2：如何让用户能与命令行进行交互？ ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/388fc0301bd64d7da64647d3184b10c2~tplv-k3u1fbpfcp-zoom-1.image) 可以使用以下工具： - [`Inquirer.js `](https://github.com/SBoudrias/Inquirer.js) - 通用可交互命令行工具集合。 - [`prompts `](https://github.com/terkelg/prompts) - 轻量、美观、用户友好的交互式命令行提示。 - [`Enquirer `](https://github.com/enquirer/enquirer) - 用户友好、直观且易于创建的时尚CLI提示。 #### 6.3 应用场景3: 如何在命令行中显示进度条？ ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/09aeaef53466421cb09b18d43d2174a4~tplv-k3u1fbpfcp-zoom-1.image) 可以使用以下工具： - [`progress`](https://github.com/visionmedia/node-progress) - Node.js的灵活ascii进度条。 - [`progress-estimator `](https://github.com/bvaughn/progress-estimator) - 记录进度条并估计完成承诺所需的时间。 #### 6.4 应用场景4: 如何在命令行执行多任务？ ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/331c54e9d89c4a61a92bd2ab515db26b~tplv-k3u1fbpfcp-zoom-1.image) 可以使用以下工具： - [`listr`](https://github.com/SamVerschueren/listr) - 命令行任务列表。 #### 6.5 应用场景5: 如何给命令行“锦上添花”？ ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1715bfee3d9e4dbdba2a797800aa4c64~tplv-k3u1fbpfcp-watermark.image) 可以使用以下工具： - [`chalk`](https://github.com/chalk/chalk) - 命令行字符串样式美化工具。 - [`ora `](https://github.com/sindresorhus/ora) - 优雅的命令行loading效果。 - [`colors.js`](https://github.com/Marak/colors.js) - 获取Node.js控制台的颜色。 - [`qrcode-terminal`](https://github.com/gtanner/qrcode-terminal) - 命令行中显示二维码。 - [`treeify`](https://github.com/notatestuser/treeify) - 将javascript对象漂亮地打印为树。 - [`kleur`](https://github.com/lukeed/kleur) - 最快的Node.js库，使用ANSI颜色格式化命令行文本。 > 感兴趣的童鞋可以参考树酱的[`从0到1开发简易脚手架`](https://juejin.cn/post/6844904137709060104)，其中有实践部分工具 ### 7.加解密 > 一般为了项目安全性考虑，我们通常会对账号密码进行加密，一般会通过MD5、AES、SHA1、SM，那开源社区有哪些库可以方便我们使用？可以使用以下工具： - [`crypto-js`](https://github.com/brix/crypto-js) - JavaScript加密标准库。支持算法最多 - [`node-rsa`](https://github.com/rzcoder/node-rsa) - Node.js版Bcrypt。 - [`node-md5`](https://github.com/pvorb/node-md5) - 一个JavaScript函数，用于使用MD5对消息进行哈希处理。 - [`aes-js `](https://github.com/ricmoo/aes-js) - AES的纯JavaScript实现。 - [`sm-crypto`](https://github.com/JuneAndGreen/sm-crypto) - 国密sm2, sm3, sm4的JavaScript实现。 - [`sha.js `](https://github.com/crypto-browserify/sha.js) - 使用纯JavaScript中的流式SHA哈希。 ### 8.静态网站生成 & 博客 > 一键生成网站不香吗~ 基于node体系快速搭建自己的博客网站，你值得拥有，也可以作为组件库文档展示 ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5e93ebb4fe4c49bba589d168e764741c~tplv-k3u1fbpfcp-watermark.image) 可以使用以下工具： - [`hexo `](https://github.com/hexojs/hexo) - 使用Node.js的快速，简单，强大的博客框架。 - [`vuepress `](https://github.com/vuejs/vuepress) - 极简的Vue静态网站生成工具。（基于nuxt SSR） - [`netlify-cms`](https://github.com/netlify/netlify-cms) - 基于Git的静态网站生成工具。 - [`vitepress `](https://github.com/vuejs/vitepress) - Vite & Vue.js静态网站生成工具。 ### 9.数据校验工具 > 数据校验，离我们最近的就是表单数据的校验，在平时使用的组件库比如element、iview等我们会看到使用了一个开源的校验工具`async-validator `, 那还有其他吗？可以使用以下工具： - [`validator.js `](https://github.com/validatorjs/validator.js) - 字符串校验库。 - [`joi`](https://github.com/hapijs/joi) - 基于JavaScript对象的对象模式描述语言和验证器。 - [`async-validator `](https://github.com/yiminghe/async-validators) - 异步校验。 - [`ajv `](https://github.com/epoberezkin/ajv) - 最快的JSON Schema验证器 - [`superstruct `](https://github.com/ianstormtaylor/superstruct) - 用简单和可组合的方式在JavaScript和TypeScript中校验数据。 ### 10.解析工具 #### 10.1应用场景1: 如何解析markdown？可以使用以下工具： - [`marked `](https://github.com/markedjs/marked) - Markdown解析器和编译器，专为提高速度而设计。 - [`remark`](https://github.com/wooorm/remark) - Markdown处理工具。 - [`markdown-it `](https://github.com/markdown-it/markdown-it) -支持100%通用Markdown标签解析的扩展&语法插件。 #### 10.2应用场景2: 如何解析csv？可以使用以下工具： - [`PapaParse `](https://github.com/mholt/PapaParse) - 快速而强大的 CSV（分隔文本）解析器，可以优雅地处理大文件和格式错误的输入。 - [`node-csv`](https://github.com/adaltas/node-csv) - 具有简单api的全功能CSV解析器，并针对大型数据集进行了测试。 - [`csv-parser`](https://github.com/mafintosh/csv-parser) -旨在比其他任何人都快的流式CSV解析器。 #### 10.3应用场景3: 如何解析xml？可以使用以下工具： - [`xml2js `](https://github.com/Leonidas-from-XIV/node-xml2js) - 将XML转换为JavaScript对象的转换器。 - [`fast-xml-parser`](https://github.com/NaturalIntelligence/fast-xml-parser) - 具验证&解析 XML。 ### 最后 > 如果你喜欢这个库，也给作者`huaize2020` 一个star 仓库地址：[awesome-nodejs](https://github.com/huaize2020/awesome-nodejs/blob/main/README-zh-CN.md) 昨天看到一段话想分享给大家对于一个研发测的日常： - 1.开始工作的第一件事，规划今日的工作内容安排（建议有清晰的ToDolist，且按优先级排序） - 2.确认工作量与上下游关联风险（如依赖他人的，能否按时提供出来）；有任何风险，尽早暴露 - 3.注意时间成本、不是任何事情都是值得你用尽所有时间去做的，分清主次关系 - 4.协作任务，明确边界责任，不要出现谁都不管，完成任务后及时同步给相关人 - 5.及时总结经验，沉淀技术产出实现能力复用，同类型任务，不用从零开始，避免重复工作

往期热门文章📖：

你好，我是🌲 树酱，请你喝杯🍵 记得三连哦～ 1.阅读完记得点个赞哦，有👍 有动力 2.关注公众号前端那些趣事，陪你聊聊前端的趣事 3.文章收录在Github frontendThings 感谢Star✨