你不知道的 npm 技巧

閱讀該文只需要五分鐘
和多數(shù)人一樣傻粘,我們開(kāi)發(fā)者也喜歡給我們的同事和朋友秀一些小技巧巡语,本文將會(huì)介紹一些和 Node Package Manager (NPM) 有關(guān)的鍵盤(pán)技巧。當(dāng)然筹煮,技巧不僅僅用來(lái)秀或者“裝逼”资昧, 而是真的可以讓我們的工作更加的有效和精準(zhǔn),讓我們開(kāi)始學(xué)習(xí)這些技巧吧幔烛!

#1 Package 初始化 (Package initialization)

你想要快速初始化一個(gè)新的 package 嗎啃擦? 你是否厭倦了初始化package出現(xiàn)的無(wú)窮無(wú)盡的問(wèn)題?那么你可以嘗試npm init -y或者npm init -f. 這兩個(gè)命令可以讓你跳過(guò)很多“無(wú)關(guān)緊要”的問(wèn)題讓你直接開(kāi)始編寫(xiě)你的優(yōu)雅代碼说贝!

  • 我們先看看默認(rèn)的npm init 有多么冗長(zhǎng)

    image.png

  • 再試試 npm init -y 或者 npm init -f

    image.png

如我們所愿议惰,自動(dòng)生成了package.json的基本信息,如果需要擴(kuò)充或者修改
我們可以 vi package.json 乡恕。

#2 打開(kāi) package 的 Homepage

你有發(fā)現(xiàn)并使用一些很酷炫的package嗎言询? 你是否想迅速的訪問(wèn)該 package 的主頁(yè)查看文檔呢?使用 npm home 'your-package' 命令將幫你直接打開(kāi) package的主頁(yè)傲宜,而不需要google package的主頁(yè)运杭,更不用那不專業(yè)的百度。

image.png
#3 打開(kāi) package 的 Github 倉(cāng)庫(kù)

類(lèi)似于上一條命令函卒,運(yùn)行 npm repo "your-package" 可以幫你直接打開(kāi)該 package 的官方 GitHub 倉(cāng)庫(kù)辆憔。 其實(shí)你也可以在Chrome輸入 www.github.com 按下 tab 直接搜索關(guān)鍵字,而不用等待 Github頁(yè)面渲染报嵌。

image.png
image.png
#4 列舉已經(jīng)安裝的package

為什么我們需要花費(fèi)我們的時(shí)間打開(kāi) package.json 文件去檢查我們安裝了哪些
package 依賴虱咧? 只需要簡(jiǎn)單的運(yùn)行 npm ls --depth 0 就可以得到我們需要了解的信息。

我們嘗試在前面生成的 package.json 中加一個(gè) package 依賴并安裝锚国。

image.png

使用 npm ls --depth 0 很清晰的查看到我們已經(jīng)安裝的依賴

image.png
#5 查看所有的可執(zhí)行腳本

想知道project有哪些可執(zhí)行的腳本腕巡,閱讀package.json當(dāng)然可以,不過(guò)太原始和耗時(shí)血筑,試試npm run

image.png

再給大家看看一個(gè)實(shí)際project的可執(zhí)行腳本

image.png
#6 檢查未定義在 package.json 中的 package

另一個(gè)常用的命令, 使用 npm prune 會(huì)比較你的 package.json文件中定義的 package/node_modules內(nèi)容绘沉, 你將會(huì)得到一個(gè)列表顯示哪些 package 未被定義在 package.json中煎楣,并且, npm prune將會(huì)刪除這些你未在 package.json 中定義或者你在npm install時(shí)未使用--save標(biāo)記的 package车伞。

聽(tīng)起來(lái)有點(diǎn)繞择懂,總結(jié)就是可以幫你整理/node_modules中無(wú)關(guān)的 package, 減少你的依賴文件容量。

image.png
#7 修改(Bump) package的版本

一般我們的版本定義都為 major.minor.patch, 分別稱為主版本或者大版本另玖,次版本或者小版本困曙,以及補(bǔ)丁。
我們項(xiàng)目或者package發(fā)布大的里程碑日矫,會(huì)修改大版本號(hào)赂弓,大版本號(hào)可以不向前兼容,發(fā)布向前兼容的功能時(shí)可修改小版本哪轿,Bug修復(fù)功能不做改變時(shí)只需要修改補(bǔ)丁號(hào)即可。

舉例說(shuō)明:

package 1.0.0 提供了 list() 方法用于列出所有的集合數(shù)據(jù)翔怎。
package 1.0.1 修復(fù)了list()方法沒(méi)有判斷集合為None的Bug窃诉。
package 1.1.0 修復(fù)了list()在IE瀏覽器無(wú)法執(zhí)行的問(wèn)題,并兼容1.0.1版本赤套。
package 2.0.0 添加了add(), rm() 方法飘痛,同時(shí)list()改名為toList, 無(wú)法向前兼容容握。

常規(guī)的做法宣脉,我們只需要手工修改package.jsonversion字段就大功告成,但是 npm version 為我們提供了酷炫的修改方式剔氏,如圖所示塑猖,經(jīng)過(guò)了三種方式的版本修訂,package.json 的 version 字段最終為 2.0

image.png
#8 運(yùn)行 test

我們?cè)谌粘9ぷ髦刑铬耍恳惶於伎赡軙?huì)使用 npm run test 運(yùn)行多次test羊苟, 何不試試 npm t讓手指減負(fù)

如果你覺(jué)得意猶未盡,還想多了解一些 npm 技巧感憾,以下有一些筆者日常常用的命令蜡励。

安裝 package
image.png
全局安裝 package
image.png
安裝依賴并保存在 dev dependency中
image.png
安裝依賴并保存在 dependency中
image.png
結(jié)束語(yǔ)

假如這些命令能讓你在你的同事或者朋友面前秀一把固然好,但本文的目的只是告訴大家npm有一些技巧可以幫助我們提高工作效率和樂(lè)趣, 如果有興趣還有很多的技巧等待大家的挖掘和發(fā)現(xiàn)阻桅。

原文地址:https://dev.to/borrellidev/impress-your-colleagues-with-these-npm-tricks-3fcb

感謝原文作者 Piero Borrelli

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末凉倚,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子嫂沉,更是在濱河造成了極大的恐慌稽寒,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,490評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件输瓜,死亡現(xiàn)場(chǎng)離奇詭異瓦胎,居然都是意外死亡芬萍,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)搔啊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)柬祠,“玉大人,你說(shuō)我怎么就攤上這事负芋÷祝” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,830評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵旧蛾,是天一觀的道長(zhǎng)莽龟。 經(jīng)常有香客問(wèn)我,道長(zhǎng)锨天,這世上最難降的妖魔是什么毯盈? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,957評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮病袄,結(jié)果婚禮上搂赋,老公的妹妹穿的比我還像新娘。我一直安慰自己益缠,他們只是感情好脑奠,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評(píng)論 6 393
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著幅慌,像睡著了一般宋欺。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上胰伍,一...
    開(kāi)封第一講書(shū)人閱讀 51,754評(píng)論 1 307
  • 那天齿诞,我揣著相機(jī)與錄音,去河邊找鬼喇辽。 笑死掌挚,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的菩咨。 我是一名探鬼主播吠式,決...
    沈念sama閱讀 40,464評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼抽米!你這毒婦竟也來(lái)了特占?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤云茸,失蹤者是張志新(化名)和其女友劉穎是目,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體标捺,經(jīng)...
    沈念sama閱讀 45,847評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡懊纳,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評(píng)論 3 338
  • 正文 我和宋清朗相戀三年揉抵,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嗤疯。...
    茶點(diǎn)故事閱讀 40,137評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡冤今,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出茂缚,到底是詐尸還是另有隱情戏罢,我是刑警寧澤,帶...
    沈念sama閱讀 35,819評(píng)論 5 346
  • 正文 年R本政府宣布脚囊,位于F島的核電站龟糕,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏悔耘。R本人自食惡果不足惜讲岁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望衬以。 院中可真熱鬧催首,春花似錦、人聲如沸泄鹏。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,023評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)备籽。三九已至,卻和暖如春分井,著一層夾襖步出監(jiān)牢的瞬間车猬,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,149評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工尺锚, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留珠闰,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,409評(píng)論 3 373
  • 正文 我出身青樓瘫辩,卻偏偏與公主長(zhǎng)得像伏嗜,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子伐厌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • NPM NPM 是隨同 Node 一起安裝的包管理工具承绸,能解決 Node 代碼部署上的很多問(wèn)題,常見(jiàn)的使用場(chǎng)景有以...
    heyi_let閱讀 2,584評(píng)論 0 2
  • 什么是 NPM npm之于Node挣轨,就像pip之于Python,gem之于Ruby,composer之于PHP军熏。 ...
    ihoey閱讀 6,251評(píng)論 2 36
  • Node.js使得在服務(wù)器端使用JavaScript編寫(xiě)應(yīng)用程序成為可能。它是基于V8Javascript運(yùn)行時(shí)并...
    間陽(yáng)幕賓閱讀 1,582評(píng)論 0 5
  • 發(fā)現(xiàn)人上了年紀(jì)卷扮,跟年輕人確實(shí)代購(gòu)越來(lái)越大荡澎,很多時(shí)候不知道說(shuō)什么均践。可是在一起有時(shí)候不說(shuō)話就很尷尬摩幔,為了緩解尷尬而去不...
    一介俗人十六閱讀 278評(píng)論 0 1
  • 今天忽然有個(gè)人問(wèn)我:“讀書(shū)有用嗎热鞍?” “當(dāng)然有用了葫慎,不然那么多人讀書(shū)干嘛~” “有什么用?” “……” 忽然語(yǔ)塞薇宠,...
    讓dream照進(jìn)現(xiàn)實(shí)閱讀 194評(píng)論 1 3