一、通用插件

  • Codelf

描述:变量命名神器



  • Bracket Pair Colorizer

描述:成对的彩色括号,让括号拥有独立的颜色,便于区分

  • Prettier - Code formatter

描述:格式化代码


  • indent-rainbow

描述:带彩色的缩进,交替四种不同的颜色,它对编写Nim或Python代码有帮助。

  • change-case

描述:快速更改当前选择或当前单词的大小写(camelCase, CONSTANT_CASE, snake_case等)

  • vscode-icons

描述:图标插件,可以将项目中不同类型的文件或文件夹通过图标区分出来,一目了然


二、Web前端插件

  • View In Browser

描述:在浏览器里面预览正在编辑的html文件

  • Live Server

描述:启动一个开发本地服务器,为静态和动态页面提供实时重载功能

  • Color Highlight

描述:CSS/Web高亮显示样式颜色

  • Highlight Matching Tag

描述:高亮显示对应的HTML标签以及标识出对应的各种括号


  • Path Intellisense

描述:在编辑器中输入路径的时候,能自动补全

  • Auto Close Tag

描述:自动补全HTML/XML标签

  • Auto Rename Tag

描述:自动重命名HTML标签,如修改p标签为a,将自动修改结尾标签p为a

  • HTML Snippets

描述:智能提示HTML标签,以及标签的含义

  • HTML CSS Support

描述:HTML的id和class属性补全,支持链接和嵌入样式表,支持模板继承,支持额外的样式表,支持其他HTML语言,根据需要验证CSS选择器。

  • Vue Language Features (Volar)

描述:Vue3插件,实现代码高亮及语法提示。使用Vue3则安装Volar,使用Vue2则安装Vetur,二者不能共存。

  • Vue 3 Snippets

描述:一款快速生成Vue3代码的插件。


  • koroFileHeader

描述:用于生成文件头部注释和函数注释的插件,支持所有主流语言,功能强大,灵活方便。

文档:https://github.com/OBKoro1/koro1FileHeader/wiki

  • 文件头部注释快捷键:ctrl+win+i
  • 函数注释注释快捷键:ctrl+win+t
  • Better Align

描述:代码对齐工具,支持的符号有:冒号(、操作符(=,+=,-=,*=,/=) 和箭头(=>),还支持逗号优先的编码风格和尾随注释。它不需要你选择要对齐的东西,扩展程序会自己找到它。



设置快捷键:1)文件->首选项->键盘快捷方式 2)搜索wwm,找到Align(wwm.aligncode),双击->按快捷键->回车

  • rong-notes

描述:代码注释

特征:我们可以使用/+tab来创建注释(单行注释)。还有其他选项的列表:

rw/+tab创建文件注释。(文件注释)

ra/+tab创建一个 ABtest-note。(AB测试注释)

rf/+tab创建功能注释。(函数注释)

cmd+3用一串日期插入/替换选定的单词。格式为yyyy-mm-dd hh-mm-ss. (插件当前时间)

cmd+4通过所选单词添加功能注释(功能声明)。(根据函数声明生成函数注释)

用于tab交换光标位置或确认您的输入。(切换键入位置)

三、C#插件

  • C#

  • C# Extensions

  • Auto-Using for C#

自动导入并为尚未导入到C#文件中的引用提供智能感知。

  • Code Runner

可以运行多种语言的代码片段或代码文件,Code Runner使用说明

四、其他插件

  • Git Graph

Git Graph主要是用来显示git log,UI比较好看,安装后使用命令Git Graph: View Git Graph (git log)查看,可以设置一个快捷键方便使用。

  • Markdown Preview Enhanced

Markdown Preview Enhanced插件的预览功能比较强大,可在预览窗口选择主题,支持[TOC]标题列表,而且导出功能很好用。

  • Markmap

Markmap只需要简单的Markdown语法,画出来的思维导图非常漂亮,在安装好之后,在.md文档编辑窗口的右上角就会多一个预览的图标Open as markmap,当然也可手动打开命令面板,输入Open as markmap。可以秒杀绝大部分的收费软件了。

  • Draw.io Integration

Draw.io能画的图很多,而且导出支持的格式也比较多,可以作为visio的替代品。

VSCode最强插件推荐(持续更新)的更多相关文章

  1. vscode前端常用插件推荐,搭建JQuery、Vue等开发环境

    vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,edit ...

  2. <IDE>vscode前端常用插件推荐,搭建JQuery、Vue等开发环境

    vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,edit ...

  3. vscode常用快捷键和插件(持续更新),以及一些常用设置的坑和技巧

    一 常用快捷键 ctrl+shift+p:  打开命令面板,最常用了 ctrl+p: 搜索窗口: 直接输入文件名,跳转到文件 > 可以进入 Ctrl+Shift+P 模式 ? 列出当前可执行的动 ...

  4. VScode常用插件(持续更新)

  5. VSCode调试Html中的脚本 vscode前端常用插件推荐,搭建JQuery、Vue等开发环境 vsCode 添加浏览器调试和js调试的方法总结 VS Code - Debugger for Chrome调试js

    一.背景 使用Visual Studio Code写了一个简单的Html页面,想调试下其中script标签里的javascript代码,网上查了一通,基本都是复制粘贴或者大同小异的文章,就是要安装De ...

  6. vscode 前端常用插件推荐

    1.  vscode 简介vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,n ...

  7. vscode python开发插件推荐

    vscode作为一款好用的轻量级代码编辑器,不仅支持代码调试,而且还有丰富的插件库,可以说是免费好用,对于初学者来说用来写写python是再合适不过了.下面就推荐几款个人觉得还不错的插件,希望可以帮助 ...

  8. Jenkins常用插件说明(持续更新)

    本文主要记录在学习以及使用Jenkins过程中常用的对我们有帮助的插件,同时本文将会持续进行更新.如果大家发现有其他野很好用的插件,也欢迎参照下面的格式,在评论中进行回复反馈. 一.通用插件 1.Em ...

  9. 使用 Visual Studio Code (VSCODE)写 C51 (持续更新 2018-04-09)

    Keil C51 那代码编辑器就是上一个时代的产物, 不适合现代人使用. 但是用 Visual Studio Code (VSCODE)就舒服多了.但需要安装和配置一些扩展: 按 Ctrl + Shi ...

  10. Visual Studio Code 和Visual Studio插件收集(持续更新)

    Visual Studio Code 插件收集 Chinese (Simplified) Language Pack 默认刚安装的VSC是原味英文的,如果你用不习惯,非常简单,官方出品的简体中文语言包 ...

随机推荐

  1. .Net6 MiNiApi +EFCore6.0高B格操作的WebApi

    编辑器的选择项目运行雏形EFCore6.0的使用实体创建![在这里插入图片描述](https://img-blog.csdnimg.cn/abe224cea341434c9299e9643dbcd9e ...

  2. SwiftObject 杂记

    一.前言 看了一段时间的Swift,慢慢转变了一些对Swift的看法. Swift作为苹果新晋的开发语言.具有模板编程.函数编程.协议多继承.vTable静态绑定.值引用类型区分.Option类型等动 ...

  3. Qt初始化代码基本说明

    参考视频:黑马程序员https://www.bilibili.com/video/BV1XW411x7NU?p=4 1  工程基本介绍 按照这个基本步骤(https://www.cnblogs.com ...

  4. Vue 3 Teleport:掌控渲染的艺术

    title: Vue 3 Teleport:掌控渲染的艺术 date: 2024/6/5 updated: 2024/6/5 description: 这篇文章介绍了Vue3框架中的一个创新特性--T ...

  5. react组件通信 父组件与子组件互相通信

    父组件将自己的状态传递给子组件,子组件当做属性来接收,当父组件更改自己状态的时候,子组件接收到的属性就会发生改变 父组件利用ref对子组件做标记,通过调用子组件的方法以更改子组件的状态,也可以调用子组 ...

  6. vue组件 定义全局组件

    组件 (Component) 是 Vue.js 最强大的功能之一,它是html.css.js等的一个聚合体. 组件化 将一个具备完整功能的项目的一部分分割多处使用 加快项目的进度 可以进行项目的复用 ...

  7. windows 命令行调整跃点数

    先用 route print -4 命令找到接口号: 接口列表10...00 ff 51 c4 53 b4 ......TAP-Windows Adapter V918...18 c0 4d 29 5 ...

  8. Invalid revision: 3.18.1-g262b901-dirty CMake Error: CMake was unable to find a build program corresponding to "Ninja".

    一次在GitHub上找到的项目,本想编译运行下,但报如下的问题 错误一 Invalid revision: 3.18.1-g262b901-dirty 解决办法: 这是因为版本不对应,可在local. ...

  9. 升级babel7后,直接引用element-ui中没有暴露出来的组件image-viewer.vue导致的打包错误

    问题 & 解决方案 升级babel7后,原先代码中像这样直接引用element-ui组件的地方,出现了报错 Module parse failed: Unexpected token (1:0 ...

  10. uniapp 使用z-paging 分页组件 写在头部插槽内的单选按钮无法点击

    这个问题是因为组件层级太低 <z-paging ref="paging" v-model="dataList" @query="queryLis ...