彙集前端開發團隊中經常使用的好工具，分享給大家！

注：都是開源工具

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

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

GitHub：https://github.com/getsentry/sentry

一鍵安裝配置：https://github.com/getsentry/onpremise（基礎服務基本滿足日常需求）

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

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

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

官網地址：https://prettier.io/

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

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

官網地址：https://jenkins.io/zh/

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

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

推薦理由：前端代碼單元測試和快照測試框架，提供豐富且易用的api，快速編寫測試代碼，為代碼提供更好的質量保障。可以通過與Jenkins集成，在Jenkins中生成測試覆蓋率報告文件，通過Jenkins域名訪問報告頁面
（Jenkins出於安全考慮默認禁用js，css等文件加載運行，Jenkins中需要設置配置System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")（參考https://wiki.jenkins.io/display/JENKINS/Configuring+Content+Security+Policy）可以簡單製作一個彙總頁面，將所有的測試覆蓋報告放一起。

官網地址：https://jestjs.io/

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

推薦理由：code review（代碼審查）的輔助工具，可以排查出重複代碼，有異味的代碼以及可能出現bug的代碼等，也提供的簡單豐富的UI操作界面。關於代碼中的邏輯問題以及可重構性等還是需要人為的介入人工審查。感興趣的不妨搭建一個demo看看效果。
官網地址：https://www.sonarqube.org/

如果你有其他好用的工具，不妨也分享一下~

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