23个提高开发效率的前端VSCode插件（快来收藏）VSCode

vscode我们都知道是微软的开源软件，对于英文不好的同学呢，使用中文汉化是首先要做的，所以笔者推荐汉化插件。

Chinese（Simplified）（简体中文）LanguagePackforVisualStudioCode:此中文（简体）语言包为VSCode提供本地化界面。

Polacode-2020:如果你想要一种简单的方法来为你的片段的任何选择提供那些漂亮的视觉效果。

CodeSnap:在VSCode中为您的代码截取漂亮的屏幕截图！

Imagepreview:在编辑器的间隙中和鼠标悬停在图片上可预览图像。

在开发某些页面时总会遇到拥有很多小图片的需求，这时使用雪碧图就可以减少服务器请求的数量并节省带宽，在没有UI帮助的情况下，选用该插件是个不错的选择。

当你找到一个合适的svg图像却因为颜色、形态等不合适时，可以使用此插件进行修改。

SvgPreview:VSCode的Svg预览。

file-size:一个简单的扩展。在状态栏中显示当前文本文件的大小。保存文件或更改活动选项卡时，状态将更新。

LiveServer:为静态和动态页面启动具有实时重新加载功能的本地开发服务器。

ProfileSwitcher:此扩展允许您定义许多设置配置文件，您可以轻松地在它们之间切换。这个扩展的最初想法来自于我希望有一种简单的方法让我将我的VSCode切换到更好地优化呈现的设置（更改主题、增加字体大小等）。

当你需要在vscode中打开很多不同性质的项目时，ProjectManager是不错的项目管理插件。

ProjectManager:它可以帮助您轻松访问您的项目，无论它们位于何处。不要再错过那些重要的项目了。您可以定义自己的项目（也称为收藏夹），或选择自动检测Git、Mercurial或SVN存储库、VSCode文件夹或任何其他文件夹。

SettingsSync可以帮助我们在换电脑、或重装系统、或多个电脑中同步VSCode上的设置。

SettingsSync:VisualStudioCode的设置同步。

npm:此扩展支持运行文件中定义的npm脚本。

openinbrowser:此扩展可让你的html文件在浏览器中打开。

GitLens-Gitsupercharged:GitLens增强了VSCode中的Git，并解锁了每个存储库中未开发的知识。它可以帮助您通过Git对比注释和CodeLens直观地可视化代码作者身份，无缝导航和探索Git存储库，通过丰富的可视化和强大的比较命令获得有价值的见解等等。

GitHistory:查看git日志，文件历史，合并分支或提交。

SVN:此插件依赖系统的SVN安装，因此您需要先安装有TortoiseSVN。

Postcode:Postcode可用于创建和测试简单和复杂的HTTP/s请求，以及查看响应。

RESTClient:RESTClient允许您发送HTTP请求并直接在VisualStudioCode中查看响应。

发出请求

发出cURL请求

LiveShare:LiveShare使您能够与其他人实时协作编辑和调试，无论您使用什么编程语言或您正在构建的应用程序类型。它允许您立即（并且安全地）共享您当前的项目，然后根据需要共享调试会话、终端实例、本地主机Web应用程序、语音通话等等！加入您的会话的开发人员会从您的环境中接收所有的编辑器上下文（例如语言服务、调试），这确保他们可以立即开始高效协作，而无需克隆任何存储库或安装任何SDK。

Draw.ioIntegration:这个非官方的扩展将Draw.io（也称为diagrams.net）集成到VSCode中。

MarkdownAllinOne:Markdown所需的一切（键盘快捷键、目录、自动预览等）。

MarkdownPDF:此扩展将Markdown文件转换为pdf、html、png或jpeg文件。

MarkdownPreviewEnhanced:Markdown预览增强。

PHP怎么学习？PHP怎么入门？PHP在哪学？PHP怎么学才快？不用担心，这里为大家提供了PHP速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！