Name: Nest Comments
Id: philsinatra.nested-comments
Description: This is a VSCode extension for toggling nested comments.
Version: 2.3.1
Publisher: Phil Sinatra
Link: https://marketplace.visualstudio.com/items?itemName=philsinatra.nested-comments

Name: Popping and Locking Black Theme
Id: philsinatra.popping-and-locking-vscode-black
Description: A variation of the original popping-and-locking theme that uses black as the primary background color
Version: 1.1.6
Publisher: Phil Sinatra
Link: https://marketplace.visualstudio.com/items?itemName=philsinatra.popping-and-locking-vscode-black

Name: Dark Mode
Id: philsinatra.macos-dark-mode-theme
Description: A VSCode theme based on macOS Dark Mode
Version: 1.0.1
Publisher: Phil Sinatra
Link: https://marketplace.visualstudio.com/items?itemName=philsinatra.macos-dark-mode-theme

代码高亮

Art Template Helper

支持 Art template highlight

Babel JavaScript

JavaScript 语法高亮显示 ES201x, React JSX, Flow 和 GraphQL。

Color Highlight

展示扩展样式 css/web 颜色。

DotENV

高亮显示支持环境 (.env) 文件

Protobuf support

Protobuf 高亮

视觉效果

Power Mode

能够装大神的炫酷插件

Close HTML/XML tag

这个扩展允许用颜色来标识匹配的括号。用户可以定义匹配哪些字符，使用哪些颜色。

Import Cost

查看引入模块体积

Output Colorizer

为输出 / 调试 / 扩展面板和 *.log 文件添加了语法着色。

vscode-icons

icons 美化

格式化

Beautify

在 Visual Studio 代码中美化 javascript、JSON、CSS、Sass 和 HTML。

Better Comments

更好的 Comments 扩展将帮助您在代码中创建更友好的注释。

Bracket Pair Colorizer

这个扩展允许用颜色来标识匹配的括号。用户可以定义匹配哪些字符，使用哪些颜色。

语法提示

ES7 React/Redux/GraphQL/React-Native snippets

语法简写

HTML Snippets

标签语法简写

IntelliSense for CSS class names in HTML

类名提示

htmltagwrap

包裹 html 的标签简写

JavaScript Booster

显示可优化建议

Npm Intellisense

Visual Studio 代码插件，自动完成导入语句中的 npm 模块。

工具

Color Picker

帮助与 GUI 生成颜色代码，如 CSS 颜色符号。

并且，一个命令转换颜色来改变颜色符号。

Document This

它自动为 TypeScript 和 JavaScript 文件生成详细的 JSDoc 注释。

Partial Diff

比对选中的代码

Code Runner

终端运行选中代码

CSS Peek

从类名或 ID 找到定义样式片段

Debugger for Chrome

在谷歌 Chrome 浏览器中调试 JavaScript 代码的 VS 代码扩展，或者支持 Chrome DevTools 协议的其他目标。

JS & CSS Minifier

简单压缩 ES5/ES6/ES7/ES8 and CSS

Live Server

启动本地服务器

node-readme

打开指定模块的 readme 文件

Project Manager

项目管理

TabOut

跳出符号等

Git History

查看和搜索 git 日志以及图表和详细信息。

查看文件的前一个副本。

查看和搜索历史

查看一个或所有分支的历史(git 日志)

查看文件的历史

查看文件中的行历史(Git fault)。

查看作者的历史

比较分支

跨提交比较文件

挑选提交

重新提交

从提交创建分支

在 treeview 中查看提交信息(所有更改的快照)

合并和变基

打开该文件以查看历史记录

Git History Diff

git 历史。查看提交的细节。查看已提交文件的差异。

GitLens — Git supercharged

GitLens 增强了 Visual Studio 代码中内置的 Git 功能。它帮助您通过 Git blame 注释和代码镜头直观地查看代码作者，无缝地导航和探索 Git 存储库，通过强大的比较命令获得有价值的见解，等等。

配置

EditorConfig for VS Code

用项目的.editorconfig 文件中的设置覆盖编辑器默认设置

ESLint

扩展使用安装在打开的工作区文件夹中的 ESLint 库。如果文件夹不提供，扩展名将寻找全局安装版本。

在新的文件夹上，您可能还需要创建.eslintrc 配置文件。

stylelint

校验 CSS/SCSS/LESS

Settings Sync

保存配置