适合初学者的最佳 VS Code 扩展

congcong • 2021-11-21 00:25 • 技术文章

如果你是开发领域的新手。那么你认真看下今天我分享的我最喜欢的 VS Code 扩展，如果你像我一样刚开始，它们肯定会对你有所帮助。

Prettier

Prettier 是一种代码格式化程序，可大大提高团队中的可读性。在大型代码库中创建一致的代码格式是一项艰巨的工作。一旦您在项目中安装了 prettier，它就会在您的整个开发过程中得到实施。它在保存或键入时用作自动格式化。 Prettier 是一个著名的扩展，它可以节省时间并提高团队和个人的可读性。

看看这里的Prettier：https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Live Preview

Live preview提供了一个本地服务器，你可以在这里预览VS Code中的Web项目。它有许多预览功能，包括HTML文件预览、嵌入式预览、带有服务器日志的持久服务器任务、外部浏览器预览和调试、控制台输出通道、无工作区预览和多根支持。

体验Live preview：https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server

Settings Sync

Settings Sync允许您通过下载扩展并通过 GitHub 保存所有内容来重新配置所有设置，从而在多台机器上保持一致的 IDE 体验。您可以通过在 VS Code中添加此扩展来保持所有内容同步。

查看Settings Sync：https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

Bracket Pair Colorizer

Bracket Pair Colorizer通过不同的颜色识别不同的括号。您可以轻松定义要匹配的字符以及要使用的颜色。您还可以配置自定义括号字符。此外，配置颜色列表以及为孤立括号指定颜色变得非常简单。

查看Bracket Pair Colorizer：https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

blox

blox 是一个 VS Code扩展，具有 1500 个代码片段的内置库。它让您只需单击一下即可删除整块代码块。它支持不同的框架，包括 Tailwind CSS、Angular、React 和 Vue。未来还将支持 Alpine.js、Svelte、Laravel、Bootstrap 和 Material UI。