正文

vscode----热门插件超实用插件汇总（史上最全）

LYHappy&  LYHappy&  2023-02-19  564

关键词：

一、汉化Vscode

安装完成后重启软件

二、Vue配件

1. Vetur

2. Vue 3 Snippets

这个扩展将Vue 2片段和Vue 3片段添加到Visual Studio代码。

三、配置类插件

1. Auto Rename Tag

自动重命名成对的HTML/XML标记，修改 html 标签，自动帮你完成头部和尾部闭合标签的同步修改，与Visual Studio IDE一样。

2. Auto Close Tag

自动添加HTML/XML关闭标签，与Visual Studio IDE或Sublime Text一样。

3. Beautify

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

4. Debugger for Chrome

从VS Code调试在Google Chrome中运行的JavaScript代码。
用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展

5. Debugger for Java

一个基于Java调试服务器的轻量级Java调试器，它扩展了Red Hat对Java的语言支持。它允许用户使用Visual Studio code (VS code)调试Java代码

6. ESLint

查找并修复 JavaScript 代码中的问题

7. Highlight Matching Tag

这个扩展突出显示匹配的开始和/或结束标记。它还可以在状态栏中显示到标签的路径。虽然VSCode有一些基本的标签匹配，但它只是——基本的。这个扩展将尝试匹配任何地方的标签:从标签属性，字符串内部，任何文件，同时还提供广泛的样式选项来定制如何突出显示标签。

8. Image Preview

显示图像预览在排水沟和悬停

9. Image Snippets

“图像片段”可以检测你的图像源路径在最后一行，自动完成一些片段，如宽度/高度

10. Live Server

启动一个开发本地服务器，为静态和动态页面提供实时加载功能

11. Open in Browser

这允许您在默认浏览器或应用程序中打开当前文件。

MAC版本
Windows版本
使用Alt + B快捷键在默认浏览器中打开当前html文件，或者Shift + Alt + B选择浏览器。你也可以像图片一样右键点击:

12. Prettier-Code formatter

Prettier是一个固执己见的代码格式化器。它通过解析您的代码，并使用自己的规则重新打印它，这些规则将最大行的长度考虑在内，并在必要时包装代码，从而强制实现一致的样式。

13.Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro

轻松编译ts, tsx, scss, less, stylus, jade, pug和es6+保存，而无需使用构建任务

14. Visual Studio IntelliCode

四、Vscode主题装饰类插件

1. Dracula Official

Visual Studio Code的黑暗主题

2. Fluent Icons

产品图标主题允许主题作者自定义在VS Code的内置视图中使用的图标:除了文件图标(由文件图标主题覆盖)和扩展贡献的图标以外的所有图标。这个扩展使用流利图标。

3. One Dark Pro

Atom的Visual Studio Code标志性的一个黑暗主题

4. vscode-icons

Visual Studio代码图标

五、代码提示类

1. HTML CSS Support

Visual Studio代码的HTML id和类属性补全。

2. JavaScript (ES6) code snippets

这个扩展包含Vs code编辑器的ES6语法的JavaScript代码片段(同时支持JavaScript和TypeScript)。

3. jQuery Code Snippets

jQuery代码提示，超过130个用于JavaScript代码的jQuery代码片段。
只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。

4. Path Intellisense

Visual Studio Code插件，自动完成文件名

5. stylus

将语法高亮显示和代码完成添加到Visual Studio code中的Stylus文件。

实用vscode插件汇总

提升开发效率的插件1.BetterComments BetterComments你可以使用不同的前缀来让注释显示为不同的颜色。非常适合快速扫描并发现重要的代码片段。若使用的话,建议团队统一规范.2.BracketPairColorizer你是否经常在项目中出现查找是否缺... 查看详情

vscode-超实用插件推荐(代码片段)

今天这篇文章呢，是想和大家分享一波Vscode中一些好用的插件，可能不全，会持续更新，所以欢迎大家分享自己觉得好用的Vscode插件，咱们评论区见哦~1.LiveServer作用：可以在本地启动一个服务器，可以... 查看详情

vscode超实用插件推荐，让你的开发效率火力全开(代码片段)

辅助开发类：1. VeturVUE开发必备插件1.语法高亮，包括vue/htmlcss/sass/scss/less/stylusjs/ts2.语义高亮，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件3.语法错误检查，包括CSS/SCSS/LESS/Javascript/TypeSc... 查看详情

超实用的vscode插件推荐，快看看你都用到了哪些？

前言VSCode是一款非常热门的开发工具，作为一款轻量级编辑器，它体积小，启动速度非常快，再加上丰富的插件系统，深得广大开发者的喜欢。今天推荐一些非常实用的插件，让开发如虎添翼。1.CodeIf（... 查看详情

超实用的vscode插件推荐，快看看你都用到了哪些？

一步一步带你安装史上最难安装的vim插件——youcompleteme

YouCompleteMeisafast,as-you-type,fuzzy-searchcodecompletionengineforVim.参考： https://github.com/Valloric/YouCompleteMe#full-installation-guide本篇文章默认读者知道什么是unix/linux，vim/vi，YouCompleteMe，如果有不清楚的，S 查看详情

实用的visualstudiocode插件

1.vscode-color-highlight------颜色代码高亮插件。（sublimetext也有）2.vscode-OpeninBrowser------右键在浏览器打开。（sublimetext也有）3.vscode-PathIntellisense------文件路径提示。（sublimetext也有）4.vscode-JS-CSS-HTMLFormatting------js-cs 查看详情

实用的visualstudiocode插件

史上最全vscode插件，怪不得写代码头疼，vscod安装与配置（适合小白）

文章目录一、什么是VSCode？VSCode的全称是VisualStudioCode，但这全名实在是太长了，很多用户喜欢叫它VSCode。说起VSCode，官方定义它是一个免费的、开源的跨平台编辑器。之所以强调“编辑器”，我想是因为VSCode并无意成为一... 查看详情

vscode敲实用的拓展插件推荐（持续更新）

文章目录PythonPythonDocstringGeneratorOfficeViewerCodeSpellCheckermarkdownlintRemote-SSHPython开源地址：https://github.com/Microsoft/vscode-pythonPython开发者必备。包含的功能有：智能提示，代码调试，代码导航以及查看详情

编辑器插件和一些工具汇总(代码片段)

...着非常舒适也就一直用了。后来，看到了网上很多有关于VSCode的文章，VSCode由微软出品，而且支持跨平台，插件丰富。所以自己也去体验了一番，使用下来感觉实在太棒了！??阅读原文地址美化类插件?vscode-iconsBringiconstoyour Vi... 查看详情

vscode推荐使用的插件大全汇总，完美解决问题

1，VeturVUE开发必备插件1.语法高亮，包括vue/htmlcss/sass/scss/less/stylusjs/ts2.语义高亮，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件3.语法错误检查，包括CSS/SCSS/LESS/Javascript/TypeScript4.emmet支持5... 查看详情

vscode推荐使用的插件大全汇总，完美解决问题！

史上最详尽的nlp预处理模型汇总

...模型的人。所以，使用预训练模型处理NLP任务是目前非常热门的研究方向，本文将重点介绍八个预训练的NLP模型以及每个模型的相关资源。 01为什么要使用预训练模型？先前的研究者已经为我们设计了一个基准模型，我... 查看详情

超实用的音乐播放器插件(jquery+css)

通过在网上搜索了大量的音乐播放器插件后,终于找到了一款上手简单,并且效果不错的插件,该音乐播放器插件是通过Jquery+Css实现的,下面就是全部代码,只要遵循下面的步骤,一定可以实现(文章末尾可查看效果图)一、目录结构二、... 查看详情

超实用的音乐播放器插件(jquery+css)

vscode实用插件推荐，让你的开发效率火力全开

辅助开发类：1.VeturVUE开发必备插件1.语法高亮，包括vue/htmlcss/sass/scss/less/stylusjs/ts2.语义高亮，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件3.语法错误检查，包括CSS/SCSS/LESS/Javascript/TypeScri... 查看详情

vscode折腾记-(19)一些相对实用的编码体验插件(偏前端)

前言天天跟代码打交道,这一年下来我也收集了部分好玩的插件,至少我觉得改善了我的编码体验~有兴趣的可以瞅瞅~~插件集列表拓展名及链接描述FileSuggest改善typescript下编码的文件引入提示,用的还不错JS/TSBiscuits这个有点意思,方... 查看详情

正文

vscode----热门插件超实用插件汇总（史上最全）