cross-env

主要用來設(shè)置不同環(huán)境的變量，例如多端平臺，測試線正式線之間的區(qū)分。

react-use

自從react推出hooks版本后，社區(qū)各個團隊都在積極參與，hooks也真的是非常好用，我們可以將很多邏輯通過hooks的方式封裝起來，目前社區(qū)最流行庫是react-use。

classnames

有時候代碼里的css類名需要根據(jù)不同的條件展示，例如：

lodash

JavaScript 實用工具庫，封裝了很多方法，項目中使用，避免重復(fù)造輪子。

EsLint

主要用來約束項目的代碼規(guī)范，如果就你自己寫項目，那你隨意就好，但是團隊合作中，項目有個統(tǒng)一的規(guī)則，別人才能更容易理解維護。
使用前期可能會覺得不習慣、麻煩，但一兩個項目下來，都能寫出高質(zhì)量代碼

nodemon

可以自動檢測到目錄中的文件更改時通過重新啟動應(yīng)用程序。

react-snap

將網(wǎng)站預(yù)渲染，利于SEO。

IDEA

一款功能強大的編輯器，高度智能，可以說是支持所有語言。

vconsole

在移動端調(diào)試時，無法查看控制臺信息，就可以使用vconsole工具，模擬出一個控制臺

n

前端工程師通常會負責多個項目，有很多項目對node版本的要求不一樣，這時候就可以使用n來切換node版本。

pm2

• 進程守護，系統(tǒng)崩潰自動重啟
• 啟動多進程，充分利用cpu和內(nèi)存
• 自帶日志記錄功能
• nodemon是前臺運行的，pm2是后臺運行的

下載

sudo npm i pm2 -g // 全局安裝
pm2 --version // 查看版本

常用命令

pm2 start ... // 啟動
pm2 list // 查看進程列表
pm2 restart name/id // 手動重啟
pm2 stop name/id
pm2 delete name/id
pm2 info name/id // 查看基本信息
pm2 log name/id // 查看日志
pm2 monit name/id // 查看cpu 內(nèi)存信息