这些node开源工具你值得拥有(上)

简介: 前言:文章的灵感来源于,社群中某大佬分享一个自己耗时数月维护的github项目 awesome-nodejs 。或许你跟我一样会有一个疑惑,github上其实已经有个同类型的awesome-nodejs库且还高达41k⭐,重新维护一个新的意义何在? 当你深入对比后,本质上还是有差别的,一个是分类体系粒度更细,其次是对中文更友好的翻译维护,也包括了对国内一些优秀的开源库的收录。最后我个人认为通过自己梳理,也能更好地做复盘和总结

微信截图_20220514194329.png


前言:文章的灵感来源于,社群中某大佬分享一个自己耗时数月维护的github项目 awesome-nodejs。或许你跟我一样会有一个疑惑,github上其实已经有个同类型的awesome-nodejs库且还高达41k⭐,重新维护一个新的意义何在? 当你深入对比后,本质上还是有差别的,一个是分类体系粒度更细,其次是对中文更友好的翻译维护,也包括了对国内一些优秀的开源库的收录。最后我个人认为通过自己梳理,也能更好地做复盘和总结


微信截图_20220514194340.png


通过阅读 awesome-nodejs 库的收录,我抽取其中一些应用场景比较多的分类,通过分类涉及的应用场景跟大家分享工具


1.Git


1.1 应用场景1: 要实现git提交前 eslint 校验和 commit 信息的规范校验?


可以使用以下工具:


  • husky - 现代化的本地Git钩子使操作更加轻松
  • pre-commit - 自动在您的git储存库中安装git pre-commit脚本,该脚本在pre-commit上运行您的npm test。
  • yorkie 尤大改写的yorkie,yorkie实际是fork husky,让 Git 钩子变得简单(在 vue-cli 3x 中使用)


1.2 应用场景2: 如何通过node拉取git仓库?(可用于开发脚手架)


可以使用以下工具:



1.3 应用场景3: 如何在终端看git 流程图?


可以使用以下工具:

  • gitgraph -  在 Terminal 绘制 git 流程图(支持浏览器、React)。


1.4 其他



2.环境


2.1 应用场景1: 如何根据不同环境写入不同环境变量?


可以使用以下工具:


  • cross-env -   跨平台环境脚本的设置,你可以通过一个简单的命令(设置环境变量)而不用担心设置或者使用环境变量的平台。
  • dotenv -    从 .env文件 加载用于nodejs项目的环境变量。
  • vue-cli --mode -   可以通过传递 --mode 选项参数为命令行覆写默认的模式


3.NPM


3.1 应用场景1: 如何切换不同npm源?


可以使用以下工具:


  • nrm -    快速切换npm注册服务商,如npm、cnpm、nj、taobao等,也可以切换到内部的npm源
  • pnpm -  可比yarn,npm 更节省了大量与项目和依赖成比例的硬盘空间


3.2 应用场景2: 如何读取package.json信息?


可以使用以下工具:


3.3 应用场景3:如何查看当前package.json依赖允许的更新的版本


可以使用以下工具:


微信截图_20220514194354.png


3.4 应用场景4:如何同时运行多个npm脚本


通常我们要运行多脚本或许会是这样npm run build:css && npm run build:js ,设置会更长通过&来拼接


可以使用以下工具:

  • npm-run-all -   命令行工具,同时运行多个npm脚本(并行或串行)


npm-run-all提供了三个命令,分别是 npm-run-all run-s run-p,后两者是 npm-run-all 带参数的简写,分别对应串行和并行。而且还支持匹配分隔符,可以简化script配置

或者使用


  • concurrently -    并行执行命令,类似 npm run watch-js & npm run watch-less但更优。(不过它只能并行)


3.5 应用场景5:如何检查NPM模块未使用的依赖。


可以使用以下工具:


  • depcheck -  检查你的NPM模块未使用的依赖。


微信截图_20220514194403.png


3.6 其他:


  • npminstall - 使 npm install 更快更容易,cnpm默认使用
  • semver - NPM使用的JavaScript语义化版本号解析器。


关于npm包在线查询,推荐一个利器 npm.devtool.tech


微信截图_20220514194411.png


4.文档生成


4.1 应用场景1:如何自动生成api文档?


  • docsify -   API文档生成器。
  • jsdoc -  API文档生成器,类似于JavaDoc或PHPDoc。


5.日志工具


5.1 应用场景1:如何实现日志分类?


  • log4js-nodey -  不同于Java log4j的日志记录库。
  • consola  - 优雅的Node.js和浏览器日志记录库。
  • winston - 多传输异步日志记录库(古老)


6.命令行工具


6.1 应用场景1: 如何解析命令行输入?


我们第一印象会想到的是process.argv,那么还有什么工具可以解析吗?


可以使用以下工具:

  • minimist -   命令行参数解析引擎
  • arg  -  简单的参数解析
  • nopt   - Node/npm 参数解析


6.2 应用场景2:如何让用户能与命令行进行交互?


链接


可以使用以下工具:

  • Inquirer.js -  通用可交互命令行工具集合。
  • prompts  -  轻量、美观、用户友好的交互式命令行提示。
  • Enquirer   -  用户友好、直观且易于创建的时尚CLI提示。


6.3  应用场景3: 如何在命令行中显示进度条?


链接


可以使用以下工具:


6.4 应用场景4: 如何在命令行执行多任务?


链接


可以使用以下工具:

  • listr -  命令行任务列表。


6.5 应用场景5: 如何给命令行“锦上添花”?


微信截图_20220514194428.png


可以使用以下工具:


  • chalk -   命令行字符串样式美化工具。
  • ora  -    优雅的命令行loading效果。
  • colors.js  -    获取Node.js控制台的颜色。
  • qrcode-terminal  -    命令行中显示二维码。
  • treeify  -     将javascript对象漂亮地打印为树。
  • kleur  -   最快的Node.js库,使用ANSI颜色格式化命令行文本。


感兴趣的童鞋可以参考树酱的从0到1开发简易脚手架,其中有实践部分工具


7.加解密


一般为了项目安全性考虑,我们通常会对账号密码进行加密,一般会通过MD5、AES、SHA1、SM,那开源社区有哪些库可以方便我们使用?


可以使用以下工具:


  • crypto-js -   JavaScript加密标准库。支持算法最多
  • node-rsa  -    Node.js版Bcrypt。
  • node-md5  -    一个JavaScript函数,用于使用MD5对消息进行哈希处理。
  • aes-js  -   AES的纯JavaScript实现。
  • sm-crypto  -   国密sm2, sm3, sm4的JavaScript实现。
  • sha.js  -   使用纯JavaScript中的流式SHA哈希。


8.静态网站生成 & 博客


一键生成网站不香吗~ 基于node体系快速搭建自己的博客网站,你值得拥有,也可以作为组件库文档展示


微信截图_20220514194437.png


可以使用以下工具:


  • hexo -   使用Node.js的快速,简单,强大的博客框架。
  • vuepress  -   极简的Vue静态网站生成工具。(基于nuxt SSR)
  • netlify-cms  -    基于Git的静态网站生成工具。
  • vitepress  -  Vite & Vue.js静态网站生成工具。


9.数据校验工具


数据校验,离我们最近的就是表单数据的校验,在平时使用的组件库比如element、iview等我们会看到使用了一个开源的校验工具async-validator , 那还有其他吗?


可以使用以下工具:


  • validator.js -    字符串校验库。
  • joi  -   基于JavaScript对象的对象模式描述语言和验证器。
  • async-validator  -   异步校验。
  • ajv  - 最快的JSON Schema验证器
  • superstruct  -  用简单和可组合的方式在JavaScript和TypeScript中校验数据。


10.解析工具


10.1应用场景1: 如何解析markdown?


可以使用以下工具:

  • marked -   Markdown解析器和编译器,专为提高速度而设计。
  • remark  -  Markdown处理工具。
  • markdown-it  -支持100%通用Markdown标签解析的扩展&语法插件。


10.2应用场景2: 如何解析csv?


可以使用以下工具:


  • PapaParse -   快速而强大的 CSV(分隔文本)解析器,可以优雅地处理大文件和格式错误的输入。
  • node-csv  - 具有简单api的全功能CSV解析器,并针对大型数据集进行了测试。
  • csv-parser  -旨在比其他任何人都快的流式CSV解析器。


10.3应用场景3: 如何解析xml?


可以使用以下工具:


最后


如果你喜欢这个库,也给作者huaize2020 一个star 仓库地址:awesome-nodejs


昨天看到一段话想分享给大家


对于一个研发测的日常:


  • 1.开始工作的第一件事,规划今日的工作内容安排 (建议有清晰的ToDolist,且按优先级排序)
  • 2.确认工作量与上下游关联风险(如依赖他人的,能否按时提供出来);有任何风险,尽早暴露
  • 3.注意时间成本、不是任何事情都是值得你用尽所有时间去做的,分清主次关系
  • 4.协作任务,明确边界责任,不要出现谁都不管,完成任务后及时同步给相关人
  • 5.及时总结经验,沉淀技术产出实现能力复用,同类型任务,不用从零开始,避免重复工作


相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
4天前
|
负载均衡 监控 JavaScript
pm2 工具在 Node.js 开发和部署中的重要作用
pm2 工具在 Node.js 开发和部署中的重要作用
58 0
|
4天前
|
缓存 JavaScript 前端开发
猿如意中的【Node.js】工具详情介绍
猿如意中的【Node.js】工具详情介绍
|
4天前
|
JavaScript 前端开发 开发者
Node.js的包管理和npm工具深度解析
【4月更文挑战第30天】本文深入解析Node.js的包管理和npm工具。包管理促进代码复用和社区协作,包包含元数据描述文件`package.json`和入口文件。npm提供搜索、安装、发布等功能,通过命令行进行操作,如`install`、`search`、`uninstall`。npm支持版本控制、全局安装、脚本定义及私有仓库。理解和熟练运用npm能提升Node.js开发效率。
|
4天前
|
域名解析 网络协议 JavaScript
【Node系列】node工具模块
Node.js有多个内置的工具模块,这些模块提供了用于执行各种任务的功能。
26 2
|
7月前
|
存储 JavaScript Unix
什么是 Node.js 的 cross-env 工具包
什么是 Node.js 的 cross-env 工具包
51 0
|
4天前
|
监控 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具
82 0
|
4天前
|
JavaScript 前端开发 API
Node.js 工具库 yeoman 的作用介绍
Node.js 工具库 yeoman 的作用介绍
39 0
|
4天前
|
JavaScript 前端开发 Unix
NodeJS文件系统遍历工具:fast-glob
NodeJS文件系统遍历工具:fast-glob
114 0
|
4天前
|
JavaScript 前端开发 Java
Node【工具 01】Node Version Manager nvm安装使用(Node.js版本管理工具)
Node【工具 01】Node Version Manager nvm安装使用(Node.js版本管理工具)
103 0
|
4天前
|
JavaScript
Node CLI工具原理解析(2)
使用npm install安装依赖,会根据bin中的描述,创建1个command到exec/filepath.js的软链 软链所在目录区别于是否是global安装 这个目录可以通过npm bin指令查看