发布于 2026-01-06 4 阅读
0

我最喜欢的 5 个用于 Web 开发的 VSCode 扩展

我最喜欢的 5 个用于 Web 开发的 VSCode 扩展

请访问我的博客查看更多文章,或访问我的GitHub获取我的免费 JavaScript 电子书,其中涵盖了从 ES6 到 2019 年的所有新特性。

我工作和个人项目都只使用 VS Code 作为文本编辑器,以下是我最喜欢的一些扩展程序。

1) Git Lens

如果你在团队中工作,这款扩展程序是必备的;即使对于个人项目,它也很有用。这款扩展程序可以让你看到谁编辑了每一行代码。

我怪你

2) ESLint / TSLint

作为一名 Angular 开发者,TS Lint 是我离不开的工具。
保持代码整洁并符合规范的风格,能让你和你的同事更容易阅读和协作。

如果您不使用 TypeScript,请务必安装 ES Lint 而不是 TS Lint。

 

3)实时共享

如果你是“独行侠”,可以跳过这一步;但如果你在团队中工作,尤其是远程办公,那么这一步就必不可少了。

我曾多次遇到难题,与前辈实时交流帮助我解决了困扰我的问题。

 

4) Chrome 调试器

别再到处写控制台日志了!赶紧用调试器,开始设置断点吧。设置简单,还能节省大量时间。能够随时暂停代码,查看运行情况,绝对是提高工作效率的必备工具。

 

5)设置同步

如果你和我一样在两台不同的电脑上工作,你可能会发现这个扩展程序非常有用,因为它能让你的所有电脑在扩展程序和设置方面保持同步。

额外代码拼写检查器

如果你不是英语母语者,这个扩展程序可以帮助你避免代码中的拼写错误和语法错误。我还记得那天我写测试的时候,把“tests”写成了“testes”,哈哈,你肯定不想把这种代码部署到生产环境吧。


非常感谢您的阅读。欢迎在DevTo或我的博客inspiredwebdev.com上关注我,获取更多内容。


书籍横幅

我的电子书已在亚马逊Leanpub上架。

文章来源:https://dev.to/albertomontalesi/5-of-my-most-favorite-vscode-extensions-for-web-development-3nnm