<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          有了這些輪子庫,我的工作效率提升了N倍!

          共 4458字,需瀏覽 9分鐘

           ·

          2021-06-26 07:30

          ?

          前言:文章的靈感來源于,社群中某大佬分享一個(gè)自己耗時(shí)數(shù)月維護(hù)的github項(xiàng)目 awesome-nodejs 。或許你跟我一樣會(huì)有一個(gè)疑惑,github上其實(shí)已經(jīng)有個(gè)同類型的awesome-nodejs庫且還高達(dá)41k?,重新維護(hù)一個(gè)新的意義何在?當(dāng)你深入對(duì)比后,本質(zhì)上還是有差別的,一個(gè)是分類體系粒度更細(xì),其次是對(duì)中文更友好的翻譯維護(hù),也包括了對(duì)國(guó)內(nèi)一些優(yōu)秀的開源庫的收錄。最后我個(gè)人認(rèn)為通過自己梳理,也能更好地做復(fù)盤和總結(jié)

          ?

          通過閱讀 awesome-nodejs  庫的收錄,我抽取其中一些應(yīng)用場(chǎng)景比較多的分類,通過分類涉及的應(yīng)用場(chǎng)景跟大家分享工具

          1.Git

          1.1 應(yīng)用場(chǎng)景1: 要實(shí)現(xiàn)git提交前 eslint 校驗(yàn)和 commit 信息的規(guī)范校驗(yàn)?

          可以使用以下工具:

          • husky - 現(xiàn)代化的本地Git鉤子使操作更加輕松
          • pre-commit - 自動(dòng)在您的git儲(chǔ)存庫中安裝git pre-commit腳本,該腳本在pre-commit上運(yùn)行您的npm test。
          • yorkie 尤大改寫的yorkie,yorkie實(shí)際是fork husky,讓 Git 鉤子變得簡(jiǎn)單(在 vue-cli 3x 中使用)

          1.2 應(yīng)用場(chǎng)景2: 如何通過node拉取git倉庫?(可用于開發(fā)腳手架)

          可以使用以下工具:

          • download-git-repo - 下載和提取Git倉庫 (支持GitHub, GitLab, Bitbucket)。

          1.3 應(yīng)用場(chǎng)景3: 如何在終端看git 流程圖?

          可以使用以下工具:

          • gitgraph -  在 Terminal 繪制 git 流程圖(支持瀏覽器、React)。

          1.4 其他

          • git-url-parse - 高級(jí)別git解析。
          • giturl - 將Git鏈接轉(zhuǎn)化成Web鏈接。

          2.環(huán)境

          2.1 應(yīng)用場(chǎng)景1: 如何根據(jù)不同環(huán)境寫入不同環(huán)境變量?

          可以使用以下工具:

          • cross-env -   跨平臺(tái)環(huán)境腳本的設(shè)置,你可以通過一個(gè)簡(jiǎn)單的命令(設(shè)置環(huán)境變量)而不用擔(dān)心設(shè)置或者使用環(huán)境變量的平臺(tái)。
          • dotenv -    從 .env文件 加載用于nodejs項(xiàng)目的環(huán)境變量。
          • vue-cli --mode -   可以通過傳遞 --mode 選項(xiàng)參數(shù)為命令行覆寫默認(rèn)的模式

          3.NPM

          3.1 應(yīng)用場(chǎng)景1: 如何切換不同npm源?

          可以使用以下工具:

          • nrm -    快速切換npm注冊(cè)服務(wù)商,如npm、cnpm、nj、taobao等,也可以切換到內(nèi)部的npm源
          • pnpm -  可比yarn,npm 更節(jié)省了大量與項(xiàng)目和依賴成比例的硬盤空間

          3.2 應(yīng)用場(chǎng)景2: 如何讀取package.json信息?

          可以使用以下工具:

          • read-pkg-up -   讀取最近的package.json文件。
          • node-pkginfo -  從package.json讀取屬性的簡(jiǎn)單方法。

          3.3 應(yīng)用場(chǎng)景3:如何查看當(dāng)前package.json依賴允許的更新的版本

          可以使用以下工具:

          • npm-check-updates -   找當(dāng)前package.json依賴允許的更新的版本。

          3.4 應(yīng)用場(chǎng)景4:如何同時(shí)運(yùn)行多個(gè)npm腳本

          ?

          通常我們要運(yùn)行多腳本或許會(huì)是這樣npm run build:css && npm run build:js ,設(shè)置會(huì)更長(zhǎng)通過&來拼接

          ?

          可以使用以下工具:

          • npm-run-all -   命令行工具,同時(shí)運(yùn)行多個(gè)npm腳本(并行或串行)

          npm-run-all提供了三個(gè)命令,分別是 npm-run-all run-s run-p,后兩者是 npm-run-all 帶參數(shù)的簡(jiǎn)寫,分別對(duì)應(yīng)串行和并行。而且還支持匹配分隔符,可以簡(jiǎn)化script配置

          或者使用

          • concurrently -    并行執(zhí)行命令,類似 npm run watch-js & npm run watch-less但更優(yōu)。(不過它只能并行)

          3.5 應(yīng)用場(chǎng)景5:如何檢查NPM模塊未使用的依賴。

          可以使用以下工具:

          • depcheck -  檢查你的NPM模塊未使用的依賴。

          3.6 其他:

          • npminstall - 使 npm install 更快更容易,cnpm默認(rèn)使用
          • semver - NPM使用的JavaScript語義化版本號(hào)解析器。

          關(guān)于npm包在線查詢,推薦一個(gè)利器 npm.devtool.tech


          4.文檔生成

          4.1 應(yīng)用場(chǎng)景1:如何自動(dòng)生成api文檔?

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

          5.日志工具

          5.1 應(yīng)用場(chǎng)景1:如何實(shí)現(xiàn)日志分類?

          • log4js-nodey -  不同于Java log4j的日志記錄庫。
          • consola  - 優(yōu)雅的Node.js和瀏覽器日志記錄庫。
          • winston - 多傳輸異步日志記錄庫(古老)

          6.命令行工具

          6.1 應(yīng)用場(chǎng)景1: 如何解析命令行輸入?

          ?

          我們第一印象會(huì)想到的是process.argv,那么還有什么工具可以解析嗎?

          ?

          可以使用以下工具:

          • minimist -   命令行參數(shù)解析引擎
          • arg  -  簡(jiǎn)單的參數(shù)解析
          • nopt - Node/npm 參數(shù)解析

          6.2 應(yīng)用場(chǎng)景2:如何讓用戶能與命令行進(jìn)行交互?

          image.png

          可以使用以下工具:

          • Inquirer.js -  通用可交互命令行工具集合。
          • prompts  -  輕量、美觀、用戶友好的交互式命令行提示。
          • Enquirer -  用戶友好、直觀且易于創(chuàng)建的時(shí)尚CLI提示。

          6.3  應(yīng)用場(chǎng)景3: 如何在命令行中顯示進(jìn)度條?

          可以使用以下工具:

          • progress -   Node.js的靈活ascii進(jìn)度條。
          • progress-estimator  -   記錄進(jìn)度條并估計(jì)完成承諾所需的時(shí)間。

          6.4 應(yīng)用場(chǎng)景4: 如何在命令行執(zhí)行多任務(wù)?

          image.png

          可以使用以下工具:

          • listr -  命令行任務(wù)列表。

          6.5 應(yīng)用場(chǎng)景5: 如何給命令行“錦上添花”?


          可以使用以下工具:

          • chalk -   命令行字符串樣式美化工具。
          • ora  -    優(yōu)雅的命令行l(wèi)oading效果。
          • colors.js  -    獲取Node.js控制臺(tái)的顏色。
          • qrcode-terminal  -    命令行中顯示二維碼。
          • treeify  -     將javascript對(duì)象漂亮地打印為樹。
          • kleur  -   最快的Node.js庫,使用ANSI顏色格式化命令行文本。
          ?

          感興趣的童鞋可以參考樹醬的從0到1開發(fā)簡(jiǎn)易腳手架,其中有實(shí)踐部分工具

          ?


          7.加解密

          ?

          一般為了項(xiàng)目安全性考慮,我們通常會(huì)對(duì)賬號(hào)密碼進(jìn)行加密,一般會(huì)通過MD5、AES、SHA1、SM,那開源社區(qū)有哪些庫可以方便我們使用?

          ?

          可以使用以下工具:

          • crypto-js -   JavaScript加密標(biāo)準(zhǔn)庫。支持算法最多
          • node-rsa  -    Node.js版Bcrypt。
          • node-md5  -    一個(gè)JavaScript函數(shù),用于使用MD5對(duì)消息進(jìn)行哈希處理。
          • aes-js  -   AES的純JavaScript實(shí)現(xiàn)。
          • sm-crypto  -   國(guó)密sm2, sm3, sm4的JavaScript實(shí)現(xiàn)。
          • sha.js  -   使用純JavaScript中的流式SHA哈希。

          8.靜態(tài)網(wǎng)站生成 & 博客

          ?

          一鍵生成網(wǎng)站不香嗎~ 基于node體系快速搭建自己的博客網(wǎng)站,你值得擁有,也可以作為組件庫文檔展示

          ?

          可以使用以下工具:

          • hexo -   使用Node.js的快速,簡(jiǎn)單,強(qiáng)大的博客框架。
          • vuepress  -   極簡(jiǎn)的Vue靜態(tài)網(wǎng)站生成工具。(基于nuxt SSR)
          • netlify-cms  -    基于Git的靜態(tài)網(wǎng)站生成工具。
          • vitepress  -  Vite & Vue.js靜態(tài)網(wǎng)站生成工具。

          9.數(shù)據(jù)校驗(yàn)工具

          ?

          數(shù)據(jù)校驗(yàn),離我們最近的就是表單數(shù)據(jù)的校驗(yàn),在平時(shí)使用的組件庫比如element、iview等我們會(huì)看到使用了一個(gè)開源的校驗(yàn)工具async-validator, 那還有其他嗎?

          ?

          可以使用以下工具:

          • validator.js -    字符串校驗(yàn)庫。
          • joi  -   基于JavaScript對(duì)象的對(duì)象模式描述語言和驗(yàn)證器。
          • async-validator  -   異步校驗(yàn)。
          • ajv  - 最快的JSON Schema驗(yàn)證器
          • superstruct  -  用簡(jiǎn)單和可組合的方式在JavaScript和TypeScript中校驗(yàn)數(shù)據(jù)。

          10.解析工具

          10.1應(yīng)用場(chǎng)景1: 如何解析markdown?

          可以使用以下工具:

          • marked -   Markdown解析器和編譯器,專為提高速度而設(shè)計(jì)。
          • remark  -  Markdown處理工具。
          • markdown-it  -支持100%通用Markdown標(biāo)簽解析的擴(kuò)展&語法插件。

          10.2應(yīng)用場(chǎng)景2: 如何解析csv?

          可以使用以下工具:

          • PapaParse -   快速而強(qiáng)大的 CSV(分隔文本)解析器,可以優(yōu)雅地處理大文件和格式錯(cuò)誤的輸入。
          • node-csv  - 具有簡(jiǎn)單api的全功能CSV解析器,并針對(duì)大型數(shù)據(jù)集進(jìn)行了測(cè)試。
          • csv-parser  -旨在比其他任何人都快的流式CSV解析器。

          10.3應(yīng)用場(chǎng)景3: 如何解析xml?

          可以使用以下工具:

          • xml2js -   將XML轉(zhuǎn)換為JavaScript對(duì)象的轉(zhuǎn)換器。
          • fast-xml-parser  - 具驗(yàn)證&解析 XML。

          瀏覽 83
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  日本一区二区在线 | 黄色电影一区 | 成人日批视频 | 美女高潮喷水视频 | 国产精品扒开腿做爽爽爽A片唱戏 |