VSCode插件整理

前言

使用VSCode一段时间了，从网上整理一些插件

引用其他资源

https://zhuanlan.zhihu.com/p/40417719

https://zhuanlan.zhihu.com/p/65801986

https://zhuanlan.zhihu.com/p/57595291

https://blog.csdn.net/zl1zl2zl3/article/details/88581498

主题

1.Material Theme

下载量：130万

Visual Studio Code最悠久的主题！

2.One Dark Pro

One Dark Pro 是 Atom最受欢迎的主题，它是有史以来 Visual Studio Code 下载次数最多的主题之一。

One Dark Pro图标主题

正如你在此示例中所看到的，我们为客户端和服务器等目录以及 .eslintrc .gitignore 和 package.json 等文件提供了图标。

One Dark Pro 一直使用 React、Angular、Redux 和许多不同的框架和库，为组件，工具，样式以及 reducer，actions 和 store 提供不同的目录图标。

3.Bracket Pair Colorize

此扩展插件允许使用颜色标识匹配的括号。当你拥有深层嵌套的对象或函数时，这个插件就会变的非常有用，如下所示：

字体

1.Fira Code

下载字体链接

自动补全插件

1.Auto Import

下载量：73万

自动去查找、分析、然后提供代码补全。对于TypeScript和TSX，可以适用。

2.IntelliSense for CSS class names in HTML

下载量：243万

基于你的项目以及通过link标签引用的外部文件，该智能插件提供HTML中CSS class名字的补全。

3.React Native Tools

代码提示、Debugging、集成RN的命令。

4.npm Intellisense

下载量：88万

VSCode 插件可以在导入语句自动补全npm模块名称。

格式化代码工具

1.Prettier

一键美化你的JavaScript/TypeScript/CSS代码。

快速原型开发

1.Quokka

Quokka 是J avaScript 和 TypeScript 的快速原型开发平台。在你输入代码时，它将立即运行你的代码，并在代码编辑器中显示各种执行结果。

Quokka 的一个很棒的扩展插件，当你准备技术面试时，你可以输出每个步骤，而不必在调试器中设置断点。它还可以帮助您在实际使用之前研究库的函数，如 Lodash 或 MomentJS，它甚至可以用于异步调用。

2.Code Runner

支持多种语言的代码的立即执行。支持的语言：C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D。