VSCode插件整理

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。