VS Code 插件推荐

前言

插件推荐

Auto Close Tag(自动关闭标签)

下载量(6.8M)评分(4 颗星)
该插件自动添加 HTML/XML 的结束标签,与 Visual Studio IDE 或 Sublime Text 一样。

Beautify(代码美化)

下载量(8.4M)评分(4 颗星)
在 Visual Studio 代码中美化 javascript, JSON, CSS, Sass 和 HTML。
VS Code 内部使用 js-beautify,但它缺乏修改你想要使用的样式的能力。这个扩展可以在 VS Code 中运行 js-beautify,并在打开的文件的路径树中尊重任何 .jsbeautifyrc 文件来加载你的代码样式。运行 F1 Beautify(美化一个选择)或 F1 Beautify 文件。

Code Runner(代码执行)

下载量(12.3M)评分(4.5 颗星)
该插件可运行多种语言的代码片段或代码文件: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、Scheme、AutoHotkey、AutoIt、Kotlin、Dart、Free Pascal、Haskell、Nim、D、Lisp、Kit、V、SCSS、Sass、CUDA、Less、Fortran、Ring 和自定义命令

Code Spell Checker(代码拼写检查)

下载量(4.3M)评分(4.5 颗星)
一个基本的拼写检查程序,可以很好地处理 camelCase 代码。
这个拼写检查器的目标是帮助捕获常见的拼写错误,同时保持低误报的数量。

ESLint

下载量(19.6M)评分(4.5 颗星)
从安装量就体现了其好用性,用于校验 eslint 规则的插件

Git History

下载量(5.7M)评分(4.5 颗星)
该插件可以查看和搜索 git 日志以及图形和详细信息;查看该文件的前一个副本;查看和查询历史记录;对比分支、提交和文件

GitLens — Git supercharged

下载量(14.2M)评分(4.5 颗星)
GitLens 只是帮助您更好地理解代码。快速查看一行或代码块被更改的人、原因和时间。回顾历史,进一步了解代码是如何以及为什么进化的。毫不费力地探索代码库的历史和演变。

i18n Ally(多语言插件)

下载量(107K)评分(5颗星)
多语言插件,可以检查多语言是否遗漏以及帮忙翻译多语言

IntelliCode

下载量(18.1M)评分(4 颗星)
Visual Studio IntelliCode 扩展为 Visual Studio Code 中的 Python、TypeScript/JavaScript 和 Java 开发人员提供了 AI 辅助开发特性,基于对代码上下文的理解以及结合机器学习的见解。
你将需要 Visual Studio Code 2018 年 10 月发布 1.29.1 或更高版本来使用这个扩展。对于每一种支持的语言,请参考下面的“入门”部分来理解安装和配置 IntelliCode 完成所需的任何其他先决条件。
VS Code 插件推荐_第1张图片

JavaScript (ES6) code snippets

下载量(8.0M)评分(5 颗星)
这个扩展包含了 Vs Code 编辑器的 ES6 语法中的 JavaScript 代码片段(支持 JavaScript 和 TypeScript)。

LeetCode

下载量(489K)评分(4.5 颗星)
偷偷刷题工具

Material-UI Snippets

下载量(43.3K)评分(5 颗星)
Material-UI 代码片段

npm Intellisense

下载量(4.2M)评分(4.5 颗星)
在 import 语句中自动完成 npm 模块的 Visual Studio 代码插件。

Path Intellisense

下载量(6.8M)评分(5 颗星)
自动完成文件名的 Visual Studio 代码插件。

Prettier - Code formatter

下载量(20.2M)评分(3.5 颗星)
Prettier 是一个固执己见的代码格式化器。它通过解析代码并使用自己的规则(考虑到最大行长度)重新打印代码,并在必要时包装代码,从而实现一致的风格。

Reactjs code snippets

下载量(1.2M)评分(5 颗星)
这个扩展包含了 Reactjs 的代码片段,是基于让人惊叹的 babel-sublime-snippets 包。

Search node_modules

下载量(1.1M)评分(5 颗星)
一个简单的 VS Code 插件,允许你快速浏览你项目的 node_modules 目录下的文件。

stylus

下载量(489.3K)评分(5 颗星)
在 Visual Studio code 中将语法高亮显示和代码完成功能添加到 Stylus 文件。
VS Code 插件推荐_第2张图片
VS Code 插件推荐_第3张图片

Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more

下载量(3.5M)评分(4.5 颗星)
人工智能代码完成助手的专家指导,提高您的生产力,深受数百万开发人员的信任。
无论你是新开发人员还是经验丰富的专业人员,独立工作还是团队工作,Tabnine 的 AI 助手都将通过使用所有最流行的编码语言和ide来完成代码,从而提高你的开发速度。

Todo Tree

下载量(1.8M)评分(5 颗星)
这个扩展快速搜索(使用 ripgrep)您的工作空间的评论标签,如 TODO 和 FIXME,并在活动栏的树视图中显示它们。视图可以从活动栏中拖到资源管理窗格中(或者任何你想要的地方)。
单击树中的 TODO 将打开文件,并将光标放在包含 TODO 的行上。
发现的待办事项也可以突出显示在打开的文件。

Version Lens

下载量(858.3K)评分(4.5 颗星)
这个扩展显示版本信息时,打开一个包或项目为以下之一:

  • dotnet https://www.dotnetfoundation.org/
  • dub https://code.dlang.org/
  • jspm https://jspm.io/
  • maven https://maven.apache.org/
  • npm https://www.npmjs.com/
  • pub https://pub.dev/
  • composer https://getcomposer.org/

YAML

下载量(8.0M)评分(3.5 颗星)
通过 YAML - Language -server 为 Visual Studio Code 提供全面的YAML语言支持,内置 Kubernetes 语法支持。

Zhihu On VSCode

下载量(53.5K)评分(5 颗星)
摸鱼神器

结束

以上是日常使用觉得特别好用的插件,后续有新的推荐还会补充。还望多多指正~

你可能感兴趣的:(开发工具与环境,vscode,前端)