地址：https://desktop.github.com/ 对于新手来说，要记住那么多 git 命令可能有点困难，建议新手用 git 可视化工具，会方便很多
图片[1]-推荐 16 个前端必备的实用工具与网站-Baili Blog图片在线压缩地址：https://tinypng.com/ tinypng 是一个完全免费并且高压缩率的在线压缩图片网站，一般能满足日常大部分压缩图片的需求，如果你需要压缩大于 5M 的图片，可以考虑用 squoosh ，这个网站支持大图片压缩和图片压缩质量自定义
图片[2]-推荐 16 个前端必备的实用工具与网站-Baili Blog大图片压缩点这里：squoosh
图片[3]-推荐 16 个前端必备的实用工具与网站-Baili Blog在线代码编辑地址：https://code.juejin.cn/ 很多人可能用的是 codePen 或者 CodeSandbox 等，但是我觉得掘金的码上掘金也挺好用的，并且登录自己的掘金账号就能看到，挺方便的
图片[4]-推荐 16 个前端必备的实用工具与网站-Baili BlogJSON 格式化地址：https://smalldev.tools/ JSON 在线格式化的网站有很多，基本上都能满足我们的需要，用 Json.cn 的原因只是因为他好记，哈哈~
图片[5]-推荐 16 个前端必备的实用工具与网站-Baili Blog另外还有个前端工具类集合的网站 smalldev 也挺好用的
代码生成图片地址：https://carbon.now.sh/ carbon 可以生成酷炫的代码片段，并且支持导出图片
图片[6]-推荐 16 个前端必备的实用工具与网站-Baili Blog如果你不喜欢上面的代码风格，也可以用 ray.so ，生成的代码图如下:
图片[7]-推荐 16 个前端必备的实用工具与网站-Baili Blog表情符号地址：https://www.emojiall.com/zh-hans 这个网站有很多颜文字，并且可以直接 cv，国内外很多博客用的都是这上面的表情符号
图片[8]-推荐 16 个前端必备的实用工具与网站-Baili Blog矢量图标-iconfont地址：https://www.iconfont.cn/ 阿里阿巴巴推出的字体图标库，可以找到大部分的图标，并且可以结合项目去自定义自己项目的字体图标库
图片[9]-推荐 16 个前端必备的实用工具与网站-Baili Blogcss3 动画地址：https://www.webhek.com/post/css3-animation-sniplet-collection/#/ 我们在日常开发中，会遇到一些 css 动画的需求，可是有时候为了一两个动画引入一些库感觉得不偿失，css3-animation 包含了一些常见的动画效果，并且包含片段代码，直接 cv 就可以了
图片[10]-推荐 16 个前端必备的实用工具与网站-Baili Blog图片[11]-推荐 16 个前端必备的实用工具与网站-Baili Blog封面模板-canva地址：https://www.canva.cn/ 我们在写文章或者有时候要自己制作一些封面图片，canva上面有很多免费的素材和模板，用起来很方便
图片[12]-推荐 16 个前端必备的实用工具与网站-Baili Blog高清图片-UnSplash地址：https://unsplash.com/ 国外的一个高清图片下载网站，里面有很多的 4k 高清图片免费下载，再也不用到处找高清图片了
图片[13]-推荐 16 个前端必备的实用工具与网站-Baili Blog在线画图地址：https://boardmix.cn 日常工作中我们要画一些流程图或者思维导图等等，boardmix 个人用起来感觉还不错，也有人喜欢用 ProcessOn 等，看个人喜好
图片[14]-推荐 16 个前端必备的实用工具与网站-Baili Blog快速部署建站地址：https://surge.sh/ 前端有时候需要自己部署一个网站，我们可以自己去买服务器，也有免费的部署网站，如 surge
图片[15]-推荐 16 个前端必备的实用工具与网站-Baili Blog在线性能评测地址：https://pagespeed.web.dev/ pagespeed 根据各项指标可以得出我们网站的一个综合评分，让我们知道我们的网站在那些方面还可以进行优化
图片[16]-推荐 16 个前端必备的实用工具与网站-Baili Blog多平台测试地址：https://responsively.app/ 我们的网站经常要在各种设备下看下效果，可是用手机和浏览器去一个个访问截图又比较麻烦，responsively 这个软件支持主流手机、PAD、电脑设备访问您的网站，并可以导出
图片[17]-推荐 16 个前端必备的实用工具与网站-Baili BlogChrome 扩展组件地址：https://chrome.zzzmh.cn/ 有些同学不能翻墙登录 google 账号去 Google 商店下载扩展程序，极简插件 可以不翻墙直接下载 Google 扩展程序，而且网站是中文的，感觉很不错
图片[18]-推荐 16 个前端必备的实用工具与网站-Baili Blog在线简历地址：https://www.500d.me/ 简历这个东西找工作大家都是要用到的，网上也有很多免费的简历模板网站，个人推荐这个 500 丁网站，上面有很多好看的简历模板，很方便 ps：这个网站是收费的，不过永久会员 39.9 还行，不用担心过期，毕竟用到不止一次（如果实在不想花 39.9，可以找我要下哈~）
图片[19]-推荐 16 个前端必备的实用工具与网站-Baili Blog上面就是和大家分享的平时日常工作中比较实用的一些工具和网站，如果感觉对你有用的话可以收藏一下。