1. 程式人生 > 實用技巧 >好用的npm模組記錄

好用的npm模組記錄

標籤: node


node盛行的今天,前端開發已經離不開npm模組的使用,大名鼎鼎的如gulp,webpack等,此處不多說,除了它們有那麼幾個常用的npm模組是我喜歡並依賴它的,下面就是我平時工作中經常用到並且十分喜愛的npm模組

1. nrm npm源管理工具

工作中經常要使用npm安裝包,但是總有一堵牆在那,要麼等半天,要麼直接搞不起,雖然可以手動設定npm的安裝源,如果改了源,你想釋出自己的npm包,你又需要改回去,或者乾脆換成cnpm,cnpm又會偶現裝包失敗或者沒有的情況,這時你就需要一個可以隨時切換npm安裝源的工具:nrm 詳細說明

   npm install nrm -g
# 檢視當前支援的源
nrm ls
# 切換到指定源
nrm use <源名稱>
# 檢視當前使用源
nrm current
# 新增源
nrm add <源名稱> <url>
# 刪除源
nrm del <源名稱>
# 測試源速度
nrm test <源名稱>

2. rimraf 輕鬆刪除頑固檔案

工作中經常安裝npm,因為網路原因或者別的問題想重新安裝npm,這時需要手動刪除當前的node_modules,但是絕大多數的node_modules目錄巢狀很深,刪除老是失敗,這時你就需要它:rimraf

詳細說明

    npm install rimraf -g
# 刪除指定目錄,支援多個,通過空格隔開
rimraf 目錄名

3. http-server 輕鬆跑起本地伺服器

在寫前端頁面中,經常會在瀏覽器執行HTML頁面,從本地資料夾中直接開啟的一般都是file協議,當程式碼中存在http或https的連結時,HTML頁面就無法正常開啟,為瞭解決這種情況,需要在在本地開啟一個本地的伺服器,而又不想依賴第三方的虛擬伺服器如WampServer,phpstudy等,那就可以使用它:http-server 詳細地址

    npm i -g http-server
# 啟動一個8080埠的伺服器
http-server -p 8080
# 啟動一個禁用快取的本地伺服器
http-server -p 8080 -c-1

4. npx 區域性執行node命令

對於一些區域性安裝的node包,又不想全域性安裝怕汙染全域性環境或者只想臨時安裝一個包,則可以使用它:npx,npx更多高階玩法

    # 檢視當前目錄下安裝的gulp版本
npx gulp --version
# 強制使用本地模組,如去掉--no-install npx在本地找不到會下載遠端模組再執行
npm --no-install http-server
# 從npm下載這個版本的 node,使用後再刪掉
npx [email protected] -v
# 臨時安裝多個模組並執行
npx -p lolcatjs -p cowsay -c 'cowsay hello | lolcatjs
# 執行 Gist 程式碼
npx https://gist.github.com/zkat/4bc19503fe9e9309e2bfaa2c58074d32
# 執行倉庫程式碼
npx github:piuccio/cowsay hello

其它待更新...