好用的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 《源名稱》 # 刪除源
nrm del 《源名稱》
# 測試源速度
nrm test 《源名稱》

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

npm install rimraf -g

# 刪除指定目錄，支援多個，通過空格隔開
rimraf 目錄名

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

# 啟動乙個8080埠的伺服器

# 啟動乙個禁用快取的本地伺服器

http-server -p 8080 -c-14. npx 區域性執行node命令

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

# 檢視當前目錄下安裝的gulp版本

# 臨時安裝多個模組並執行
npx -p lolcatjs -p cowsay -c 'cowsay hello | lolcatjs
# 執行 gist **
npx 
# 執行倉庫**
npx github:piuccio/cowsay hello

5. browsersync 省時的瀏覽器同步測試工具

工作中有總結出一套基於gulp(webpack)的多頁腳手架專案位址,對於本地開發伺服器這一塊我選用的就是browsersync,browsersync能讓瀏覽器實時、快速響應您的檔案更改（html、js、css、sass、less等）並自動重新整理頁面。更重要的是 browsersync可以同時在pc、平板、手機等裝置下進項除錯，**修改，多端同步，一端操作也會多端同步，能為開發提高不少效率。官網鏈結

其它待更新...

npm模組安裝

最開始接觸npm看見很多吐槽npm在windows上的不穩定，就選擇了在linux的伺服器上使用，但是後來發現很多人都是在windows能正常使用的，而且在伺服器上操作難免有所不便，所以就開始了我的npm折騰之路。2 npm模組的安裝，模組安裝有兩種一種是在自己專案的路徑下本地安裝，一種是全域性安裝...

記錄一下webpack好用的node模組

postcss loader autoprefixer 自動新增css字首 css loader 能在js檔案中匯入css 配合react比較好，我猜 style loader 將所有的計算後的樣式加入頁面中 babel core babel的核心包 babel loader babel用於支援we...

collections 好用的模組

2.ordereddict 1.1 示例1from collections import namedtuple pepole namedtuple people name age gender person pepole name 小明 age 18 gender 男 print person pr...