如果你是开发领域的新手。那么你认真看下今天我分享的我最喜欢的 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。

查看blox:https://marketplace.visualstudio.com/items?itemName=vsblox.blox

Live Share

Live Share 允许开发人员在可以一起编辑和调试的项目上进行协作。 开发人员可以加入不同的会话并从其他开发人员的环境中接收所有编辑器上下文,从而确保他们可以立即开始协作,而无需克隆任何存储库或安装任何 SDK。

https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare

目前我就总结了现在的列表,如果你尝试过其中任何一个,请分享你的经验。

还有你每天使用的最喜欢的 VS Code扩展是什么?

发表评论