[24] 2021 年 8 月十大必备 Web 开发工具

2025-06-07

[24] 2021 年 8 月十大必备 Web 开发工具

大家好👋。今天我想向大家介绍我博客系列的全新八月刊——十大最佳 Web 开发工具。每个月我都会尽力挑选出最有趣、最实用的工具,我相信这些工具是每个 Web 开发者必备的。这次推荐的是:

1). GitHub Copilot

Copilot 是 GitHub 开发的一款 AI 工具,旨在辅助 VS Code 用户。它目前仍处于技术预览阶段,需要加入等待列表,但根据我的经验,我认为 Copilot 具备成为下一个大热门的所有先决条件。

副驾驶

https://copilot.github.com/

2). 故障

Glitch 是一款非常易于使用且用户友好的工具,可让您在浏览器中免费构建快速、全栈的 Web 应用程序。

毛刺

https://glitch.com/

3). 元标签

使用元标记,您可以生成和编辑您网站的元标记,以及预览您的网页在 Google、Facebook、Twitter、LinkedIn 和其他平台上的显示效果。

元标签

https://metatags.io/

4).大祭

Omatsuri 是一款开源 Web 应用,包含 12 款日常浏览器工具。目前,它包含色调生成器虚假数据生成器SVG 压缩器等实用工具。

大祭

https://omatsuri.app/

5). 快乐的色彩

Happy Hues 是一个极其美观的精选调色板集合。您可以随意选择自己喜欢的颜色,并将其用于您的下一个项目。

快乐色调

https://www.happyhues.co/

6). Jamstack 探索器

Jamstack Explorers 是 Netlify 推出的学习平台。从标题就可以看出,该平台专注于 Jamstack(JavaScript、API 和标记)相关技术。目前,他们提供 9 门课程,涵盖 Next.js(由Cassidy Williams主讲)、无服务器函数(由Ben Hong主讲)、Nuxt.js 和 Sanity(由Ekene Eze主讲)等主题。

jamstack

https://explorers.netlify.com/

7). Devtool 技巧

针对不同主题的开源精选 devtool 技巧集合。

开发工具

https://devtoolstips.org/

8). 错误404

为您网站的 404 页面提供丰富独特、趣味十足的插图。您可以亲眼见证这些插图的实际效果,因为我将它们用在我的个人网站最新的篮球相关项目中。

错误

https://error404.fun/

9). 什么是过滤器?

JavaScript 数组和对象转换的可视化游乐场。

筛选

https://renato-bohler.github.io/what-the-filter/

10). 对比

Contraste 是一款轻量级的 macOS 应用程序,可让您根据 Web 内容可访问性指南 (WCAG) 检查文本的可访问性。

对比色

https://contrasteapp.com/


原帖@create-react-app.com

我的网站https://villivald.com/
GitHub https://github.com/villivald
Twitter https://twitter.com/crapp_blog

文章来源:https://dev.to/vilvald/24-top-10-must-have-web-dev-tools-august-2021-4fc0
PREV
创建您自己的简单虚拟助手 什么是虚拟助手?聊天机器人和虚拟助手的区别:现在我们要构建什么?
NEXT
[14] 2020 年 15 个最佳开发者资源 - 第一部分