我最喜欢的 Web 开发工具!

2025-05-25

我最喜欢的 Web 开发工具!

每个 Web 开发者都有自己喜欢的工具,用来让编程变得更轻松、更“有趣”。在这篇文章中,我将分享一些我觉得非常棒的 Web 开发工具!(虽然它们大多数都是 CSS 设计工具 😳🙄)

1. 故障

https://glitch.com

好吧,这不仅仅是一个工具,而是一个非常棒的编程平台,拥有一个很棒的社区。我可以使用内置的代码编辑器托管我的项目。它支持多种语言,但最适合 NodeJS。

2. 平滑阴影(作者:Phillip Brumm)

https://brumm.af/shadows

平滑阴影有助于生成能够产生平滑盒子阴影的 CSS 代码。它看起来非常流畅,令人满意。😅

3. 冷却器

https://coolors.co

一个非常棒的在线工具,可以为你的项目生成匹配且合适的配色方案。如果你不喜欢当前的配色方案,点击空格键,它就会为你生成一个新的配色方案。

4. Blobmaker

https://www.blobmaker.app

Blobmaker 可帮助您随机生成各种大小、颜色和形状的 SVG 动态水滴,效果逼真、质感十足。您可以将其用作背景,或创建炫酷的动态水滴!

5. 获得波浪

https://getwaves.io

与 Blobmaker 类似,Get Waves 可以让你随机生成不同颜色和数量波浪(类似海洋的波浪)。它非常适合用作网页页脚或页眉。

6.Undraw.co

https://undraw.co

一个很棒的开源项目 SVG 插图合集,可用于登录页面、404 页面等,以及一般用途!这些插图无需署名,也无需付费使用,不过我觉得你应该注明出处。

7. Marcdown

https://liyasthomas.github.io/marcdown

一款美观且实时的 Markdown 转 HTML 在线编辑器(由 Liyas Thomas 开发),可帮助您在将 Markdown 代码发布到 GitHub 之前进行预览。它拥有非常漂亮的暗黑模式 👻😏🤩。首次使用后即可离线使用,这让它更加出色。

8. 女邮递员(不是邮递员)

https://postwoman.io

Liyas Thomas 打造的另一款出色工具。Postwoman 是一款 API 请求构建器,无论是否使用代理,它都能让你测试你的 API。它是一款渐进式 Web 应用,可以保存到桌面!它非常轻量,可以说是 Postman 的一个非常不错的在线替代品。

9.Screely.com

https://screely.com

这能帮你创建出精美绝伦的网站截图(我超爱精美绝伦的东西)。如果你不是 MacBook 用户,又需要一张漂亮的网站图片来做 README 文件,这玩意儿就太有用了!

10. CSS 网格生成器

https://cssgrid-generator.netlify.com/

这是 Sarah Drasner 创建的另一个很棒的 😂 网站,它生成代码以使用 CSS Grids 创建动态网格布局。

以上就是我使用的十大超棒工具,请在评论中告诉我你还使用了哪些超酷的工具!✌️

文章来源:https://dev.to/khalby786/my-favourite-web-development-tools-16af
PREV
抛弃令人厌恶的 <div />。我们应该使用语义化的 HTML 元素
NEXT
通过构建天气应用程序来学习 React React 天气应用程序