VisualStudio code插件集锦(持续更新)


1. Common推荐:
vscode-icons 可以让vscode中的文件管理的树目录显示图标,显示图标后会使得文件、文件夹更加明确功能
Markdown All in One 编写md文件
Markdown Preview Enhanced 可以把vscode当初md编辑器来使用,附带预览功能
Chinese (Simplified) Language Pack for Visual Studio Code 中文简体汉化插件,习惯英语界面的也可以不装,英语苦手当然是必备的
Indent Guides -- 给每个代码块增加垂直对齐虚线.代码结构一目了然。
Path Intellisense 在编辑器中输入路径的时候,能自动补全.
HighLight All Occurrences of Selected Word -- 双击选择某个词后自动高亮整个代码里同样的词.
HideShow Comments -- 方便的显示/隐藏注释.
CodeMaid (整理与优化代码)
VSCommands for Visual Studio 2013(有多个版本,可搜索名字)代码显示增强:它可以在尾部显示方法或过程名字,仅因这个就非常喜欢了
ReSharper (代码重构和代码风格,也有代码修正功能,中文介绍)
Viasfora (很实用的关键字高亮和彩虹括号, 能让代码看起来非常舒心)
Prettier - Code formatter 格式化代码

indent-rainbow 带颜色的缩进。这个插件是帮助你提升读代码的体验的,对于刚开始接触NodeJS的同学来说,读代码的时间往往比写代码的时间要多。如果项目过大时,新同学往往会迷失在很多的代码块中,分辨代码块只能靠行前缩紧数量。但是有时缩紧数量又无法一眼看出。而Indent-Rainbow就是用来帮你快速分辨代码的。

Prettier — Code Formatter Prettier插件是用来格式化代码的。只需要在写完以后按一下对应的快捷键。你的代码就会马上变漂亮。符合代码规范的代码。

Trailing Spaces 这个插件会帮我们标出一些无用的尾部空格,如果发现,请立即删除它们。

WakaTime 这个插件很有意思,它会统计你编码的一些数据,例如各种语言的占比,日平均编码时间等。你可以用它来统计一下你每天大概的有效工作时间是多少,如果数据比较漂亮,可以不经意间让领导看到一下,哈哈哈。

Vscode-icons你是否对VSC的默认icon感到厌烦呢?你想直接通过图标看出某个文件的文件格式吗?Vscode-icons插件来帮你实现。它会让文件的icon更加友好,也可以下载一些你喜欢的icon。

Bookmarks | Visual Studio Marketplace,书签没有太大作用,有时候做个标记有点用。

CodeMetrics | Visual Studio Marketplace,有助于我重构代码。
Output Colorizer in Languages category for Visual Studio Code,彩色输出有助于快速找到输出信息。

file-peek 可以方便的补全文件路径

Project Manager 在多个项目之前快速切换的工具
beautify 格式化代码的工具

filesize
在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间


2. Python:
Code Runner 可以让你直接在编辑器中选中某个文件的某一段执行,非常实用。有的时候我们就想测试下一部分代码运行起来是怎么样的,是否和自己理解的一样,就可以直接用这个插件,选中一段,按下快捷键就能运行起来了


Inline Color Picker -- 多种语言代码中的颜色代码直接显示对应的颜色, 直观方便. JavaScript Parser -- 增强的JavaScript Parser. jQuery Code Snippets -- jQuery 的代码段.

VSColorOutput -- Build时输出信息彩色化.
Web Essentials -- 跟Web相关的很多功能.
vscode-todo | Visual Studio Marketplace,todo注释,但是在mac上必须设置语言才可以。


3. C/C++:
Image Watch extension 可以在 debug 时直接显示图像的像素数据,可以灵活设置图像的显示方式,譬如自动归一化、用伪色显示等等。
C# Formatter (针对C#代码的格式化工具)
C# outline (代码折叠预览)
fileheader 顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间
Vim in Other category for Visual Studio Code,提高编辑效率。

4. 前台:
Web Essentials 对CSS、JavaScript和HTML都提供了很多快捷的功能支持:即时预览Live Web Preview,兼容性CSS代码生成,TODO注释特殊支持,图片预览 ,颜色可以在十六进制、rgb、和名称直接互相转换等https://www.cnblogs.com/TomXu/archive/2011/11/22/2258849.html

View In Browser 在浏览器里面预览正在编辑的html文件
Color Highlight 高亮显示样式颜色,会将颜色代码转换为对应的颜色显示出来,这段代码什么颜色一目了然

Bracket Pair Colorizer 成对的彩色括号,让括号拥有独立的颜色,便于区分前面我们提到了缩紧的识别,这里还有一个括号颜色标识的插件。它可以把括号标为不同的颜色,方便识别括号匹配。这种插件我在IDEA中也会用,可以极大的提高读代码的效率。
Highlight Matching Tag 高亮显示对应的HTML标签以及标识出对应的各种括号
Auto Close Tag 自动补全标签HTML / XML标签
Auto Rename Tag 自动重命名html标签,如修改p标签为a,将自动修改结尾标签p为a重命名配对的HTML / XML标签修改 html 标签,自动帮你完成尾部闭合标签的同步修改,不过有些bug。
HTML Snippets 智能提示HTML标签,以及标签的含义
HTML CSS Support 在HTML标签上写Class的时候能够智能提示当前所支持的样式
Debugger for Chrome,在Chrome浏览器中调试。
jQuery Code Snippets jquery 重度患者必须品,废话不多说
Debugger for Firefox,在Firefox浏览器中调试。

TSLint | Visual Studio Marketplace,校验ts语法。
TypeScript | Visual Studio Marketplace,typescript必备插件。
open-in-browser 给vscode加一个右键在默认浏览器打开的快捷键
Vetur 前端神器,涵盖语法提示到格式化所有功能。也是vue框架推荐的插件。

IntelliSense for CSS class names就是当你在 HTML 中引入了一个外部的 CSS 或者它检测到你工作区中的 CSS 文件就会对他们的类名做索引,然后你在 HTML 中想用这些定义的 CSS 类名的时候,它会自动给你提示,
HTMLHint html代码检测

Bootstrap 3 Sinnpet 常用 bootstrap 的可以下
5. Java
Auto Import它可以自动识别,解析和增加自动导入相应的包的一些对应的包。


参考:
http://www.spersky.com/post/vsPlugins.html
https://baijiahao.baidu.com/s?id=1660835973026184000&wfr=spider&for=pc

https://www.jb51.net/article/179235.htm

https://www.zhihu.com/question/40640654
https://www.jianshu.com/p/1b5d486384c5
https://zhuanlan.zhihu.com/p/121161317

原文地址:https://www.cnblogs.com/icmzn/p/14504446.html