• 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

  • 相关阅读:
    Linux常用命令琐记
    JDK 在linux下支持epoll了
    八卦
    JDK 1.6中的并发
    关于Atomic
    关于并发程序设计(二)
    关于并发程序设计 (一)
    Herb Sutter的一些观点
    想到Exchanger N parties的一种用法
    该拒绝MSN Messager了
  • 原文地址:https://www.cnblogs.com/icmzn/p/14504446.html
Copyright © 2020-2023  润新知