作為JavaScript開發人員,NPM是我們一直使用的東西,並且我們的腳本在終端上連續運行。 如果我們可以節省一些時間呢? 1、直接從npm打開文檔 如果我們可以直接使用npm跳轉到軟體包的文檔怎麼辦? 2、打開bug頁面 為了以防萬一,我們想在程式包上提交一個錯誤。 如果有這個包的作者的鏈接,將 ...
作為JavaScript
開發人員,NPM
是我們一直使用的東西,並且我們的腳本在終端上連續運行。
如果我們可以節省一些時間呢?
1、直接從npm打開文檔
如果我們可以直接使用npm
跳轉到軟體包的文檔怎麼辦?
npm home package-name
# 例如:
npm home react # 將在瀏覽器中打開reactjs.org
2、打開bug頁面
為了以防萬一,我們想在程式包上提交一個錯誤。
npm bugs package-name
# 例如:
npm bugs @agney/playground
如果有這個包的作者的鏈接,將在瀏覽器中打開github
問題頁面(或任何問題頁面)。
3、查看包中的所有腳本
如果您不是一開始就寫的話,很難記住腳本名稱。 您可以運行以下命令來查看腳本名稱和正在運行的命令,而不是轉到package.json
。
npm run
4、跳過所有初始化問題
當您運行npm init
時,它將詢問許多問題,您可以一項項的設置,但是大多數時候最好跳過並接受預設設置。
npm init -yes
5、將軟體包更新為最新版本。
NPM CLI
的預設命令將僅根據package.json
中指定的semver
範圍更新軟體包。
npm update
但是,我認為我們不相信軟體包作者或我們想自己來更改semver
指標。yarn
提供了與互動升級-最新的足夠好的實用程式,但不適用於NPM
。
要使用NPM
克隆此功能,可以使用名為npm-check
的軟體包。
npx npm-check --update
npx是Node自帶npm模塊,所以可以直接使用npx命令。萬一不能用,就要手動安裝一下。
http://www.ruanyifeng.com/blog/2019/02/npx.html
$ npm install -g npx
6、在CI上更快地安裝npm
npm install
附帶了一些限制(面向用戶的功能),從而使其固有速度變慢。但是我們確實在CI
伺服器上需要這些,NPM
允許我們使用命令跳過這些。
npm ci
您可以在CI
伺服器中將npm install
替換為npm ci
,如果您有package-lock.json
可以做得很好。
例如,持續集成服務 Travis CI
的配置應為:
# .travis.yml
install:
- npm ci
# 保留npm緩存以加快安裝速度
cache:
directories:
- "$HOME/.npm"
7、更好的npm發佈
npm publish
很好,它可以用semver
更新您的軟體包版本,然後將軟體包推送到註冊表中。
但這確實省略了一些重要步驟:構建和測試程式包。 要自動執行這些操作,可以使用預發佈腳本。
"scripts": {
"prepublish": "npm run build"
}
但是預發佈在每次安裝時執行,因此不是創建變更日誌或運行測試的最佳位置。 在對命名提出了一些批評之後(無論如何這是最困難的事情),NPM
引入了一些新的自動掛鉤。
"scripts": {
"prepublishOnly": "npm test"
}
或者,軟體包np
更好。
您可以簡單地運行:
npx np
它將運行所有必要的步驟,包括安裝軟體包,構建和運行測試。 它還將創建標簽併在Github
上發佈。
您還使用什麼技巧來節省時間?可以在評論里分享。
原文:https://xushanxiang.com/2019/12/7-npm-commands-to-save-time.html