前端开发团队的工具链

聚集前端开发团队中常常使用的好工具，分享给你们！

注：都是开源工具

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/前端开发团队的工具链