对于开发人员而言，VisualStudioCode仍然是广泛流行的IDE。我从两年前开始使用它，我认为它是一个出色的代码编辑器。它使我可以按照自己的方式自定义它。VSCode还具有内置的git集成和终端，因此您不必从一个窗口跳到另一个窗口。
插件甚至主题都有各种色调，每个人都可以找到他或她需要的东西。正确设置VSC可以提高我们的生产力；此外，还有一些插件可以帮助开发人员创建更好的，干净的代码。
因为有太多可用于VisualStudioCode的插件，所以很容易迷失方向而忘记一些有用的扩展。这就是我想与您分享我最喜欢的前端开发VSC扩展的原因。
您可能还会喜欢：如何为Python测试和开发设置VisualStudio代码。
1.HTML代码段（VisualStudio代码HTML代码段）
对于每个前端开发人员来说，这都是必不可少的扩展。您不必浪费更多时间来手动编写每个HTML标签。仅放置诸如div之类的标签名称并按回车就足够了。或者甚至可以添加一些要嵌套的标签，例如ullia，然后按Enter。重要的是，此扩展包含所有HTML5代码段。
2.JavaScript（ES6）代码段
在上一节中，您可能会注意到摘要很方便，并且可以帮助防止许多拼写错误，并且可以使编码更快。每个前端开发人员都主要使用JavaScript。为了加快我的JavaScript编码，我使用JavaScript代码段。它还支持.ts，.tsx和.jsx文件。
在这里，它的工作原理类似。例如，要创建exportdefaultclassClassName{}代码，只需键入ecl并按tab即可。容易吧？要查找更多代码快捷方式，请查看扩展文档。
3.CSS速览
因为我们有一些HTML和Javascript，所以CSS对前端开发也很有用。CSSPeek是支持.html和.js文件的扩展。它有助于快速查找和检查应用于所选类或ID的样式。对于不喜欢在不同文件之间切换或分割屏幕的开发人员来说，这是有益的。
4.Angular，React和Vue
由于我们在谈论代码段，因此最好为这些流行的前端框架中的每一个扩展。
对于Angular，有一个名为AngularSnippets（版本8）的扩展，因为当前我们有Angular8，但是Angular对于框架的每个版本都有新版本。它为我们提供了Typescript和HTML的代码片段。
对于React.js，有一个出色的扩展，即ES7React/Redux/GraphQL/React-Native代码段。它使用ES7为React和Redux提供代码段，并且其工作方式与带标签按钮的JavaScript代码段类似。
对于Vue.js开发，有一个很棒的扩展名为Vetur。它下载了将近万，并带来了许多功能，例如代码片段，链接和错误检查，格式设置，调试或突出显示语法。看起来非常令人印象深刻。
5.ESLint
如果您想创建一个友好，可读，简洁的代码，将ESLint安装到VS代码中是个好主意。例如，这将帮助您坚持缩进之类的标准做法。
6.更漂亮–代码格式化器
如果我们谈论漂亮的代码，则值得在代码编辑器中安装Prettier扩展。漂亮会很棒，尤其是当您与其他开发人员一起从事该项目时。它删除原始样式并使用一致的代码样式。由于采用了一致的格式，因此代码更具可读性。
7.GitLens
正如我在开头提到的，VisualStudioCode具有git集成。通过安装GitLens扩展，我们可以使其变得更好。它允许用户检查在创建每行代码时是谁创建的。它还使我们能够快速提交详细信息。在开发人员团队中轻松理解代码历史记录很有用。
8.自动导入
自动导入是一个很好的扩展，可以自动导入文件。您不再需要手动进行操作。如果您在基于组件的项目上工作，那将是一个很好的选择。放置组件名称就足够了，插件将导入它。
9.路径自动完成
如果您需要手动导入某些内容或将链接添加到其他文件，则还有另一个很棒的扩展将为您提供帮助。路径自动完成扩展功能可提供路径完成。当您开始使用./键入路径时，您会注意到一个下拉菜单，其中包含要选择的文件夹。疯狂的帮助非常有用，因为您不必挖掘文件并搜索正确的路径。
10.最终换行符
有时，您必须记住要在文档中添加新行，而final-newline则在这里提供了帮助。每次保存文件时，它将在文档末尾插入新行。
11.支架对着色器
括号对着色器可帮助我们找到当前代码块的右括号。有时候，在文件或函数的末尾，您可能会遇到一两个以上的右括号，而要找到正确的括号并非易事。如果您使用的是BracketPairColorizer插件，则每个开始和结束括号的代码块都具有相同的颜色。因此，如果您的开始标签为蓝色，则您的结束标签也将为蓝色。
12.标识符
Indeticator是VSCode的扩展，它在视觉上突出了当前的预期深度。它可以轻松地区分不同代码块的不同级别。深度用小点和线标记。
13.Chrome调试器
最后是一个出色的调试插件。如果我们可以在控制台中像在Chrome浏览器中进行调试，那不是完美的选择吗？可以使用DebuggerforChrome插件；它支持设置断点，单步执行，调试恶意脚本等。如果您厌倦了从代码编辑器中的文件切换到浏览器中的调试控制台，那么这对您来说是个不错的插件。
结论
在以上文章中，我与您分享了我最喜欢的VisualStudioCode扩展。希望您对如何设置代码编辑器和改善开发性能有一个很好的建议。另外，如果您是初学者，则可以帮助您专注于学习编程，然后专注于寻找结束标记或结束括号。