Web 开发者的实用工具

2025-05-25

Web 开发者的实用工具

市面上有数百种面向开发者的工具,既有付费的,也有免费的。挑选真正对你有用的工具可能会让人不知所措。你肯定也不想让你的工作空间被各种各样的工具弄得乱七八糟。以下是我学习 Web 开发以及担任软件工程师期间,对我帮助很大的工具列表。

全栈

  • VSCode 扩展
    • Bracket Pair Colorizer 2 - 颜色匹配的括号,使它们更容易配对
    • 自动重命名标签- 每当您更改 HTML/XML 标签时,此扩展都会自动重命名其对
    • TODO 高亮- 在你的代码中留下提醒。每当你添加 TODO: 时,它都会高亮显示以下短语
    • Gitlens - 这个扩展有很多很棒的功能,但我主要用它来查看谁在什么时候写了哪一行代码(git blame)。在评论区告诉我你还用它做什么!
    • Markdown 预览 Github 样式VSCode 的 Markdown 预览很棒,但使用此扩展,您的预览将更接近 Github 样式
  • Postico - 使用友好的用户界面而不是枯燥的命令来编辑数据库
  • Postman - 这款应用有很多用途,但我主要用它来测试 API
  • Bundlephobia - 计算当你的应用程序添加一个 npm 包时,它的大小会增加多少

设计

  • Coolors - 免费调色板生成器
  • Sketch - Sketch 可以非常轻松地为您的应用程序创建线框
  • Appicon——直接从浏览器生成移动应用程序的图标和图像

生产力工具

  • Spectacle – 使用自定义键盘快捷键轻松排列窗口。可惜的是,它已停止维护。市面上还有其他类似的应用,但我还没有尝试过,因为 Spectacle 在 Catalina 系统上运行良好。
  • Pomoday.app - 基于键盘的任务管理应用。虽然很新,但我已经每天都在用了。你可以计算任务的耗时,并查看当天的快照。
  • Notes - 这是苹果自带的笔记应用。我以前用过 OneNote,但 Notes 更简洁、更快捷。你可以轻松地在 Notes 中搜索,所以我会确保在笔记中添加关键词。
  • HabitBull - Habitbull 让我轻松追踪我的习惯
  • Overcast - 这是我听播客的首选应用。可惜它没有 Alexa 功能,但它仍然比 Spotify 或 Apple Podcasts 好用。我最喜欢的功能是可以创建由不同节目的剧集组成的播放列表。
  • Booksloth - 我是个狂热的读者,总是保持我的 Goodreads 更新。然而,Goodreads 似乎停留在过去。Booksloth 设计精美,并添加了根据“故事”、“世界构建”、“写作风格”等徽章对书籍进行评分的功能。

你必须尝试现有的工具,并确保只保留那些对你和你的工作有益的工具。如果你使用了其中任何一款,请分享你的使用体验,或者推荐一些工具给我,我会仔细查看。

文章来源:https://dev.to/leirasanchez/useful-tools-for-web-devs-319e
PREV
2019 年及以后的 Java
NEXT
类似 `console.log` 但更好