VS Code Extensions You Should Know
VS Code
VS code特点:
开源,免费;
自定义配置
集成git
智能提示强大
支持各种文件格式(html/jade/css/less/sass/xml)
调试功能强大
各种方便的快捷键
强大的插件扩展
Visual Studio Code(VScode )官网 :https://code.visualstudio.com/
Visual Studio Code(VScode )github地址 :https://github.com/Microsoft/vscode
如何安装插件
按F1或Ctrl+Shift+p,输入extensions,点击第一个就可以
插件合集
插件官网:*https://marketplace.visualstudio.com/
配置类插件
Settings Sync
最好用的插件,没有之一,一台电脑配置好之后,其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了,
使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。
Debugger for Chrome
从VS Code调试在Google Chrome中运行的JavaScript代码。
用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。
beautify
格式化代码工具
美化javascript
,JSON
,CSS
,Sass
,和HTML
在Visual Studio代码。
Auto Rename Tag
修改 html 标签,自动帮你完成头部和尾部闭合标签的同步修改
中文(简体)语言包
将界面转换为中文,对英语不好的人,非常友好。
Code Spell Checker
代码拼写检查器
一个与camelCase代码配合良好的基本拼写检查程序。
此拼写检查程序的目标是帮助捕获常见的拼写错误,同时保持误报数量较低。
vscode-icons
显示Visual Studio代码的图标,目前该插件已被vscode内部支持:”文件” -> “首选项” -> “文件图标主题”
guides
显示代码对齐辅助线,很好用
Rainbow Brackets
为圆括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。
Bracket Pair Colorizer
用于着色匹配括号
filesize
在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间
WakaTime
从您的编程活动自动生成的度量标准,见解和时间跟踪。
Language Support for Java(TM) by Red Hatredhat.java
这个插件,这个下载次数,安装就对了。
Todo Tree
此扩展可以快速搜索(使用ripgrep)您的工作区以获取TODO和FIXME等注释标记,并在资源管理器窗格的树视图中显示它们。单击树中的TODO将打开文件并将光标放在包含TODO的行上。
找到的TODO也可以在打开的文件中突出显示。
VS code 主题配色
Night Owl
一个非常适合夜猫子的 VS Code 主题。像是为喜欢深夜编码的人精心设计的。
Atom One Dark Theme
一个基于Atom的黑暗主题
Dracula Official
官方吸血鬼主题,博主用的就是这款,很漂亮
One Dark Pro
Atom标志性的One Dark主题,也是VS Code下载次数最多的主题之一!
Bimbo
简约而现代的神奇海洋主题
代码提示类
HTML Snippets
完整的HTML代码提示,包括HTML5
HTML CSS Support
在 html 标签上写class 智能提示css样式
jQuery Code Snippets
jQuery代码提示
超过130个用于JavaScript代码的jQuery代码片段。
只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。
HTMLHint
html代码检测,支持html5
语言相关
C#
- 适用于.NET Core的轻量级开发工具。
- 伟大的C#编辑支持,包括语法突出显示,智能感知,转到定义,查找所有引用等。
- 调试支持.NET Core(CoreCLR)。注意:不支持单声道调试。桌面CLR调试支持有限。
- 支持Windows,macOS和Linux上的project.json和csproj项目。
CodeMetrics
计算TypeScript / JavaScript文件的复杂性。
VUE插件
vetur 语法高亮、智能感知、Emmet等
VueHelper snippet代码片段
Java Extension Pack
它是一组流行的扩展,可以帮助在Visual Studio Code中编写,测试和调试Java应用程序。查看VS Code中的Java以开始使用。