vscode 热门插件超实用插件汇总——vscode使用必看

VsCode官方插件地址:





vscode插件主页

vscode使用手册

官网下载地址

总之vscode的插件是非常丰富的!!!!!
vscode 热门插件超实用插件汇总——vscode使用必看

汉化vscode




vscode 热门插件超实用插件汇总——vscode使用必看

  • ctrl + shift + x,打开插件商店,输入 chinese,然后选择第一个,点击 ‘install’

vscode 热门插件超实用插件汇总——vscode使用必看

  • 安装完成后重启软件,显示如下,则汉化完成

vscode 热门插件超实用插件汇总——vscode使用必看


扩展使用




在VsCode的“”扩展“”中搜索需要的插件 添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可 ![在这里插入图片描述](https://img-blog.****img.cn/20200417163251733.png)

vscode 插件推荐!!!




配置类插件



  1. beautify

格式化代码工具
美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代码。

vscode 热门插件超实用插件汇总——vscode使用必看


  1. Atuo Rename Tag

修改 html 标签,自动帮你完成头部和尾部闭合标签的同步修改

vscode 热门插件超实用插件汇总——vscode使用必看
vscode 热门插件超实用插件汇总——vscode使用必看


  1. Code Spell Checker

代码拼写检查器
一个与camelCase代码配合良好的基本拼写检查程序。
此拼写检查程序的目标是帮助捕获常见的拼写错误,同时保持误报数量较低。
vscode 热门插件超实用插件汇总——vscode使用必看


  1. vscode-icons

显示Visual Studio代码的图标,目前该插件已被vscode内部支持:“文件” -> “首选项” -> “文件图标主题”
vscode 热门插件超实用插件汇总——vscode使用必看
vscode 热门插件超实用插件汇总——vscode使用必看


  1. guides

vscode 热门插件超实用插件汇总——vscode使用必看
显示代码对齐辅助线,很好用
vscode 热门插件超实用插件汇总——vscode使用必看


  1. Rainbow Brackets

vscode 热门插件超实用插件汇总——vscode使用必看
为圆括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。
vscode 热门插件超实用插件汇总——vscode使用必看


  1. Bracket Pair Colorizer

vscode 热门插件超实用插件汇总——vscode使用必看
用于颜色匹配括号
vscode 热门插件超实用插件汇总——vscode使用必看


  1. Indent-Rainbow
    vscode 热门插件超实用插件汇总——vscode使用必看
    用四种不同颜色交替着色文本前面的缩进
    vscode 热门插件超实用插件汇总——vscode使用必看

  1. filesize

vscode 热门插件超实用插件汇总——vscode使用必看

在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间
vscode 热门插件超实用插件汇总——vscode使用必看


  1. Path Intellisense

vscode 热门插件超实用插件汇总——vscode使用必看
可自动填充文件名。
vscode 热门插件超实用插件汇总——vscode使用必看


  1. Debugger for Chrome

vscode 热门插件超实用插件汇总——vscode使用必看
从VS Code调试在Google Chrome中运行的JavaScript代码。
用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。


  1. Import Cost

vscode 热门插件超实用插件汇总——vscode使用必看
对引入的计算大小
vscode 热门插件超实用插件汇总——vscode使用必看


  1. WakaTime

vscode 热门插件超实用插件汇总——vscode使用必看
从您的编程活动自动生成的度量标准,见解和时间跟踪。


  1. REST Client

vscode 热门插件超实用插件汇总——vscode使用必看
REST客户端允许您直接发送HTTP请求并在Visual Studio Code中查看响应。


  1. Npm Intellisense

vscode 热门插件超实用插件汇总——vscode使用必看
用于在 import 语句中自动填充 npm 模块
require 时的包提示(最新版的vscode已经集成此功能)


VS code 主题集合(本人喜欢的)



  1. Slack Theme(是本人最喜欢的主题,我目前再用)

vscode 热门插件超实用插件汇总——vscode使用必看

vscode 热门插件超实用插件汇总——vscode使用必看


  1. Horizon Theme

vscode 热门插件超实用插件汇总——vscode使用必看

vscode 热门插件超实用插件汇总——vscode使用必看


  1. Andromeda Theme

vscode 热门插件超实用插件汇总——vscode使用必看

vscode 热门插件超实用插件汇总——vscode使用必看


  1. Level Up Theme

vscode 热门插件超实用插件汇总——vscode使用必看

vscode 热门插件超实用插件汇总——vscode使用必看


  1. Cyberpunk Theme

vscode 热门插件超实用插件汇总——vscode使用必看

vscode 热门插件超实用插件汇总——vscode使用必看


代码提示提示类



  1. HTML Snippets

vscode 热门插件超实用插件汇总——vscode使用必看

完整的HTML代码提示,包括HTML5

vscode 热门插件超实用插件汇总——vscode使用必看


  1. HTML CSS Support

vscode 热门插件超实用插件汇总——vscode使用必看
在 html 标签上写class 智能提示css样式
vscode 热门插件超实用插件汇总——vscode使用必看


  1. HTMLHint
    vscode 热门插件超实用插件汇总——vscode使用必看
    html代码检测,支持html5
    vscode 热门插件超实用插件汇总——vscode使用必看

  1. jQuery Code Snippets

vscode 热门插件超实用插件汇总——vscode使用必看
jQuery代码提示
超过130个用于JavaScript代码的jQuery代码片段。
只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。
vscode 热门插件超实用插件汇总——vscode使用必看



(后续待补充)