🤓🤓 顶级 VS Code 扩展和设置,助您成为更高效的开发人员 2 设置扩展

2025-06-08

🤓🤓 顶级 VS Code 扩展和设置,助您成为更高效的开发人员 2

设置

扩展

这是关于如何使用 VS Code 成为更高效开发人员的系列文章的第二部分。第一部分可以在这里找到

设置

设置 1:文件资源管理器的缩进

文件资源管理器中文件和文件夹的缩进太小,这曾经是 VS Code 的一大痛点。不过,现在终于可以配置了!默认设置是 8px,我使用 25px 是为了快速查看哪个文件属于哪个目录。这个设置可能对你来说太高了,你可以稍微尝试一下这个设置。搜索相应的设置tree indent即可更改。

替代文本


设置 2:输入时自动完成

另一个困扰我很久的问题是,自动完成建议默认在 Enter 键时启用。这导致当你只想换行时,却接受了自动完成建议。好在可以关闭这个功能,所以自动完成功能只在 Tab 键上有效。搜索相关设置Accept Suggestion on Enter,并将其设置为off

替代文本


扩展

扩展 1:设置同步

@shanalikhan的“设置同步”是这篇文章的完美补充,因为它允许您通过 github gists 在多台机器上同步您的 VS Code 设置。

替代文本


扩展2:版本镜头

对所有 JS 开发者来说,这可是件大事package.json!这个扩展会显示你项目中过时的软件包,让你一键更新!

替代文本


扩展 3:书签

@alefragnani的书签功能可让您在编辑器的侧边栏中添加书签。这可以帮助您轻松标记重要的代码片段,并方便您导航至该位置。

替代文本


扩展 4:TODO 高亮

TODO Highlight 是一款简洁却酷炫的扩展程序:它可以高亮显示你的 TODO 和 FIXME。它甚至还能概览你的所有 TODO。

替代文本


奖金

如果你对我使用的主题感到好奇,它是@wesbosCobalt2

替代文本

VS Code 扩展不足以提升你的开发效率?本系列文章的第一部分将带你探索更多 VS Code 的精彩内容。

你有什么实用的 VS Code 设置、扩展或快捷键,能让你提高效率吗?请在评论区分享!

感谢阅读!

链接:https://dev.to/benjaminmock/top-vs-code-extensions-settings-to-become-a-more-productive-developer-2-4dhe
PREV
通过从头构建来理解数组 reduce
NEXT
🤫如何在 Node.js 中处理🗝️机密🗝️(视频教程)