用于Visual Studio Code的基本插件

1.Open-In-Browser

不可思议前端用于打开浏览器预览的插件

2.Quokka

Quokka是一个调试工具，可为您正在编写的代码提供实时反馈。它显示了函数结果和变量的计算值的预览。该扩展易于配置，可与JSX或TypeScript项目一起使用。

3.Faker

使用流行的Faker JavaScript库快速插入占位符数据。您可以生成随机名称，地址，图像，电话号码，或仅生成经典Lorem Ipsum的段落。每个类别都有不同的子类别，因此您可以使数据适合您的需求。

4.CSS Peek

通过此扩展，您可以在样式表中跟踪CSS类和ID的定义。当你右击你的HTML文件选择，选择选择转到定义和皮克的定义会送你在你的风格他们的CSS代码。

5.HTML Boilerplate

HTML样板扩展名将使您不必手动编写新HTML文档的head和body标记。只需键入html一个空文件，然后按Tab键，就会生成一个干净的文档结构。

6.Prettier

目前prettier是Web开发人员中最流行的代码格式化程序。它使您的团队的代码看起来一样，无论是谁编写的。此扩展使自动应用Prettier并快速格式化整个JS和CSS文档成为可能。如果您还想将ESLint混入其中，可以使用Prettier-Eslint。

7.Color Info

可为您提供有关CSS中所用颜色的各种信息。通过将鼠标悬停在一种颜色上，您可以查看其外观的较大预览，以及有关将其转换为所有格式（十六进制，rgb，hsl和cmyk）的信息。

8.SVG Viewer

此扩展添加了许多用于在Visual Studio Code中使用SVG的实用程序。无需离开编辑器，就可以呈现SVG文件并查看其外观。还有用于转换为PNG并生成数据URI方案的选项

9.TODO Highlight

该工具在代码中标记了所有TODO注释，从而使在进行生产之前更容易地追踪任何未完成的业务。默认情况下，它会查找TODO和FIXME关键字，但是您也可以添加自定义表达式。

10.Icon Fonts

包括在项目中添加图标字体（来自CDN），然后添加图标本身。该扩展程序支持20多种流行的图标集，包括“真棒字体”，“ Ionicons”，“ Glyphicons”和“ Material Design”图标。

11.Minify

用于最小化代码的扩展。它提供了大量的自定义设置，并提供在保存时自动最小化并导出到.min文件的选项。Minify分别通过uglify-js，clean-css和html-minifier与JavaScript，CSS和HTML 结合使用。

12.Change Case

VSCode具有用于转换文本的有限选项。开箱即用，它只能执行小写和大写转换。该插件添加了许多用于修改字符串的命令，包括camelCase，kebab-case，snake_case，CONST_CASE等。

13.Regex Previewer

实时测试正则表达式的有用工具。通过将正则表达式模式应用到打开到侧面的任何文本文件中，突出显示所有匹配项，即可工作。Kinda喜欢RegExr，但就在您的编辑器内！

14.Language and Framework Packs

VSCode附带了对多种语言的支持。如果由于某种原因未包括您选择的编程语言，则可以下载扩展包，其中将添加自动补全，适当的缩进和其他实用程序。一些Web开发框架（如react native和vue）也提供语言包。

15.Themes

所有扩展中最重要的是主题。您每天都在看VSCode编辑器，为什么不使其更美观？有大量的自定义插件可以更改颜色方案和侧栏中的图标

16.Chinese

中文主题,看不懂英文的小伙伴可以下载

17.EasyLess

这个插件是本人最喜欢的 用于写微信小程序 让自己的开发时间变短可以让你有更好的划水时间

18.Vutur

vue 的插件 这个就不解释了用就完事了 前端开发必备把

19.Path Intellisense

路径插件

20.color highlight

颜色什么鬼的有点花里胡哨,不过我喜欢

2022年05月25日添加