前端開發團隊的工具鏈

聚集前端開發團隊中常常使用的好工具，分享給你們！

注：都是開源工具

sentry：推薦指數5顆星⭐️⭐️⭐️⭐️⭐️

推薦理由：開源的代碼異常監控和上報平臺，搭建安裝簡單，操做和使用都簡單，支持不少種開發語言的監控上報，提供了快速上手demo，bug異常無需用戶主動上報反饋便可知曉，還提供豐富的用戶操做信息，提供平常bug郵件通知，週報統計，支持source map 源碼解析，跟蹤很是方便，快速的定位和解決未知bug。除了上報bug，還能自定義上報一些信息，好比性能監控，接口異常超時等等不少其餘的功能。強力推薦使用！

GitHub：github.com/getsentry/s…

一鍵安裝配置：github.com/getsentry/o…（基礎服務基本知足平常需求）

prettier：推薦指數5顆星⭐️⭐️⭐️⭐️⭐️

推薦理由：代碼美化和格式化工具，團隊開發中的統一代碼風格神器

我一直以爲做爲一名合格的開發者，必須得養成良好的開發習慣和書寫漂亮美觀風格的代碼。可是團隊開發中，每每這種要求達不到理想的效果，甚至代碼的風格和格式問題會很嚴重，因而必須得藉助一些工具來強行統一團隊的代碼風格（其實我我的不太偏好這類工具，由於有時候比較死板，可是團隊協助，只相信工具，不相信人），爲了達到這一目的，prettier即是咱們的首選。

官網地址：prettier.io/

Jenkins：推薦指數4顆星⭐️⭐️⭐️⭐️

推薦理由：自動化部署和集成部署的好工具，操做簡單，顯示友好，具有多種插件，應有盡有，支持多類型語言的項目集成和部署。

官網地址：jenkins.io/zh/

以前有作過一篇Jenkins前端自動化部署的教程，能夠參考下：Jenkins實現前端項目自動化集成打包部署

jest：推薦指數4顆星⭐️⭐️⭐️⭐️

推薦理由：前端代碼單元測試和快照測試框架，提供豐富且易用的api，快速編寫測試代碼，爲代碼提供更好的質量保障。能夠經過與Jenkins集成，在Jenkins中生成測試覆蓋率報告文件，經過Jenkins域名訪問報告頁面 （Jenkins出於安全考慮默認禁用js，css等文件加載運行，Jenkins中須要設置配置System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")（參考wiki.jenkins.io/display/JEN…）能夠簡單製做一個彙總頁面，將全部的測試覆蓋報告放一塊兒。

官網地址：jestjs.io/

Sonar cube：推薦指數3顆星⭐️⭐️⭐️

推薦理由：code review（代碼審查）的輔助工具，能夠排查出重複代碼，有異味的代碼以及可能出現bug的代碼等，也提供的簡單豐富的UI操做界面。關於代碼中的邏輯問題以及可重構性等仍是須要人爲的介入人工審查。感興趣的不妨搭建一個demo看看效果。

官網地址：www.sonarqube.org/

若是你有其餘好用的工具，不妨也分享一下~

原博客連接：blog/前端開發團隊的工具鏈