提高前端开发效率的工具

slack应用

1.github
在这里插入图片描述
/github subscribe owner/repository
2.jira
在这里插入图片描述

3.git cz (https://gitmoji.dev/)
npm install -g commitizen
#若速度较慢就用cnpm
cnpm install -g commitizen

4.截图工具(https://zh.snipaste.com/download.html)

网站

1.Can I Use?
"Can I use"提供了最新的浏览器支持表,能帮你检查支持台式机和移动 Web 浏览器上的前端 Web 技术。
官网:https://caniuse.com/
在这里插入图片描述

2.图片压缩网站
https://tinypng.com/
在这里插入图片描述

3.MDN
MDN Web Docs 站点提供有关开放的 Web 技术的信息,包括用于 Web 站点和渐进式 Web 应用的 HTML、CSS 和 API 等技术。
官网:https://developer.mozilla.org/zh-CN/
在这里插入图片描述
4.阿里巴巴图标库
https://www.iconfont.cn/,可以通过上传svg图片,下载另一种颜色的图片
在这里插入图片描述

谷歌插件

1.可增强 GitHub 代码的检查和浏览功能的浏览器扩展。
官网:
2.划词翻译
支持谷歌、百度、有道、必应四大翻译和朗读引擎,可以方便的查看、复制和朗读不同引擎的翻译结果。
在这里插入图片描述
3.Window Resizer
安装后的扩展会出现在地址栏右侧,点击后会出现预置的分辨率,选择即刻改变窗口大小,打开网页试试该插件的效果吧
在这里插入图片描述

4.AdBlock
屏蔽不喜欢的一切广告
在这里插入图片描述
5.WEB前端助手(FeHelper)
具有颜色转换,json格式化等10多种提高前端开发效率的功能
在这里插入图片描述
6.GTM/GA Debug (GA 埋点调试)

在这里插入图片描述

两个实用的谷歌调试api

1.copy
在这里插入图片描述
可以在控制台复制变量
2.console.table()
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值