代码高亮
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
保存配置
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。