VisualStudioCode可能是目前最流行的代码编辑器，而在使用VSCode的人中，Web开发可能是最投入的！
前言
Visual Studio Code 最令人印象深刻的部分之一是它的可定制性，特别是通过扩展。 如果您是一名Web开发人员，安装此扩展后，您将获得事半功倍的效果。 本次拓展列出的内容还蛮多的，有些你可能已经知道，有些你可能不知道，下面就直接跑题吧。
Chrome 调试器（调试）
这是 Web 开发中最常用的扩展。 有了它，调试网页将变得更加方便。 你不再需要写那么多console.log()，虽然Chrome浏览器已经很方便了，有了它，你的调试会更加高效。
Javascript (ES6) CodeSnippets（代码片段）
它提供了我们编码中常用的代码片段，包括JavaScript、Typescript、JSX、TSX、html、Vue等代码片段，并通过编译一些缩写代码来触发完整的代码片段。
ESLint（规范）
这是一个可以标准化你团队代码的插件。 有相当多的配置。 如果你想提高自己的代码质量或者在团队中规范自己团队的代码，可以仔细研究一下。
实时服务器（调试）
它可以使您的浏览器实时刷新。 就是在本地搭建一个热加载服务器。 当您更改代码时，浏览器会实时更新。 这是我最常用的插件，没有之一。
BracketPairColorizor（代码可读性）
这是一个为代码块括号添加颜色的插件，从而增强代码的可读性
AutoRenameTag（效率）
它允许你在编译HTML时手动修改匹配的标签，这根本就不是太高效
短尾矮袋鼠（效率）
这是一个实时显示代码结果的插件，以便您可以减少调试、更快地发现错误或防止错误。
PathIntellisense（路径手动智能感知）
智能感知文件路径，节省您自己查找文件路径的时间
项目经理（项目管理）
通过此增强，您可以在项目的侧面菜单中获得一个额外的菜单。 您可以在文件系统中的项目之间快速切换、保存收藏夹或手动检查项目 Git 项目。 如果您正在处理多个不同的项目，这是保持井井有条并提高效率的好方法。
EditorConfigforVSCode（规范）
编辑器配置是一系列编码风格标准，广泛应用于各大文本编辑器/IDE。 在VSCode中，你可以使用它来达到同样的效果。 VSCode在团队中使用更加规范。
SublimeTextKeymap（快捷键）
看名字就可以，在VSCode中使用Sublime的快捷键（其他编辑器都是用这个方法）
浏览器预览（实时预览）
虽然你有Liveserver，仍然需要打开浏览器才能实时看到结果，但这个插件可以帮助你在VSCode中实时预览。 目前还是预览版，已经具备基本功能typescript编写网页，可以配合liveserver使用
GitLens (git)
VSCode扩展里有一堆git扩展，这个是最强大的，你想要的功能都有
Polacode（代码预览图像生成）
这是一个可以生成代码预览图片的插件，而且图片质量很高
更漂亮（低格式）
这是一个代码低格式插件，可以通过可配置的方法让你的代码更加规范。 如果你用VSCode的设置保存手动低格式typescript编写网页，恐怕会有很好的体验。
更好的评论（评论）
这个插件正如它的名字一样，通过配置可以更好的写注释，并且支持多达几十种主流语言。
git 链接 (git)
如果你不想安装Gitlens，你可以使用这个插件来查看文件历史记录和其他信息
vscode-icons（文件图标）
这是一个可以让你更好区分文件的插件。 它可以对不同类型的文件显示不同的图标，让您更快地找到您想要的文件。
MaterialIconTheme（文件图标）
一个类似于vscode-icons的插件，我目前正在使用它
SettingsSync（VSCode配置同步）
开发人员（包括我自己）花费大量时间定制他们的开发环境，尤其是文本编辑器。 通过 SettingsSync 扩展，设置可以保存在 Github 中。 之后，可以通过一个命令将它们加载到任何新版本的 VSCode 中。
BetterAlign（代码对齐）
如果您追求代码的完美对齐，这是一个值得使用的插件
维姆
如果你是一个轻度 VIM 用户，这绝对是你想要的插件，虽然我用得不多，但对于中级 VIM 用户来说这是一个必要的扩展
总结
以上插件排名不分先后。 有数以万计的插件，使用方便。 只有少数适合您。 无需安装所有插件。 最重要的是选择你需要的，以提高你的开发体验和效率。 希望通过本文的介绍能给您带来一些帮助，感谢您的支持！
发表评论