资讯专栏INFORMATION COLUMN

前端开发团队的工具链

xcold / 2572人阅读

摘要:官网地址推荐指数颗星推荐理由自动化部署和集成部署的好工具,操作简单,显示友好,具备多种插件,应有尽有,支持多类型语言的项目集成和部署。官网地址如果你有其他好用的工具,不妨也分享一下原博客链接前端开发团队的工具链

汇集前端开发团队中经常使用的好工具,分享给大家!
注:都是开源工具

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106131.html

相关文章

  • 家网前端总架构师杨永林:我8年架构师成长之路

    摘要:杨永林,人称教主,八年前端开发经验,原新浪微博前端技术专家,现任链家网前端总架构师。年年底,教主加入链家网,负责前端的整体架构工作。 杨永林,人称教主,八年前端开发经验,原新浪微博前端技术专家,现任链家网前端总架构师。长期研究Web访问性能优化和前端框架搭建。作为初始团队成员,教主参与了新浪微博所有PC版本的开发,其中4~6版以架构师的身份设计了微博PC版的前端架构。在新浪微博任职期间...

    liaosilzu2007 评论0 收藏0
  • 前端架构师亲述:前端工程师成长之路 N 问 及 回答

    摘要:问题回答者黄轶,目前就职于公司担任前端架构师,曾就职于滴滴和百度,毕业于北京科技大学。最后附上链接问题我目前是一名后端工程师,工作快五年了。 showImg(https://segmentfault.com/img/bVbuaiP?w=1240&h=620); 问题回答者:黄轶,目前就职于 Zoom 公司担任前端架构师,曾就职于滴滴和百度,毕业于北京科技大学。 1. 前端开发 问题 大...

    crossoverJie 评论0 收藏0
  • 如何打造一个令人愉悦前端开发环境(三)

    摘要:的最后一个大招就是替换一些传统的服务端语言,例如,,等,在业务层上面使用来开发服务端完全不成问题。更多的的使用细节和技巧建议关注美团博客大搜车论坛下一篇我们开启如何结合和搭建一个开发环境和项目目录 往期回顾 前面2期都讲得是浏览器端的东西比较多,包括Webpack,虽然是Node处理的,但是还是浏览器端用的多,对于现在的前端开发来说,不懂一点服务端的东西,简直没办法活,一般的招聘要求都...

    cgh1999520 评论0 收藏0
  • 直击六大会场 | 洞察100+创新实践,2018TOP100summit圆满落幕!

    摘要:北京时间月日月日,由和中国国际人才交流基金会联合主办的第七届全球软件案例研究峰会简称在北京国家会议中心圆满落幕。本届峰会,来自阿里美团百度平安银行等企业的讲师分别从企业转型及研发效能方面分享敏捷和的实践细节和操作经验。 北京时间11月30日-12月3日,由msup和中国国际人才交流基金会联合主办的第七届全球软件案例研究峰会(简称:TOP100summit)在北京国家会议中心圆满落幕。T...

    YacaToy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<