VSCode必装的高效开发插件

柔情只为你懂 2023-08-17 15:26 106阅读 0赞

## 我自己用的VSCode插件 ##

*  VS Code JavaScript(ES6) snippets

> 当前最流行的，已有超过120万的下载量。这个插件为JavaScript、TypeScript、HTML、React和Vue提供了ES6的语法支持。

*  Auto Complete Tag

> Auto Complete Tag集成了 Auto Close Tag 和 Auto Rename Tag 的功能，丰富了 VS Code 编写 HTML/XML 时候的标签自动补全功能。

*  代码美化 Beautify

> Beautify 插件可以快速格式化你的代码格式，让你在编写代码时杂乱的代码结构瞬间变得非常规整，代码强迫症必备，较好的代码格式在后期维护以及他人阅读时都会有很多的便利。  
> 插件支持的语言非常多，基本堵盖了目前所有的语言，而且你还可以自定义代码格式化的结构。

*  Bracket Pair Colorizer

> 在我们编写代码的过程中，免不了会有函数嵌套或是其他一些逻辑判断等层层嵌套，随着代码量的增加，你会不会感觉括号嵌套太多层而导致代码难以阅读？  
> 如果你对类似问题困惑的话，推荐你可以在VSCode中安装 Bracket Pair Colorizer插件，安装此插件后，再阅读自己的代码，各个成对儿的括号都会以不同的颜色进行区别。

*  Chinese (Simplified) Language Pack for Visual Studio Code

> 设置为中文简体

*  Color Info

> 这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。

*  Color Picker

> 在写css的时候总是记不住那些\#的颜色，只是用red，green这些又不是很好看，觉得某个颜色很好看还要用ps什么的取色找值  
> 很麻烦啊  
> 还好vscode有取色器的插件

*  代码检查工具 ESLint

> ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。  
> 而 VSCode 中的 ESLint 插件就直接将 ESLint 的功能集成好，安装后即可使用，对于代码格式与规范的细节还可以自定义，并且一个团队可以共享同一个配置文件，这样一个团队所有人写出的代码就可以使用同一个代码规范，在代码签入前每个人可以完成自己的代码规范检查。

*  HTML CSS Support

> HTML CSS 智能提示

*  HTML Snippets

> 代码自动提示

*  open in browser

> 配置默认打开浏览器

*  Path Intellisense

> 智能路径提示

*  Vetur

> 为Vue框架提供语法高亮、代码片段、Emmet、代码检测、智能提示和调试支持。

*  Vue VSCode Snippets

> 自动生成vue模版

发表评论取消回复

表情：

评论列表（有 0 条评论，106人围观）

还没有评论，来说两句吧...

相关阅读

相关 vscode必装插件汇总

Settings Sync 同步插件VSCODE必装的第一款插件 https://www.bbsxiaomi.com/software/vscode/366.html Fi

淡淡的烟草味﹌/ 2024年03月22日 16:12/ 0 赞/ 18 阅读

相关 VSCode 必装的 10 个高效开发插件

本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件，用于大大提高软件开发的效率。 VSCode 的基本使用可以参考我的原创视频教程「VSCode

た入场券/ 2023年08月17日 17:45/ 0 赞/ 94 阅读

相关 VSCode必装的高效开发插件

我自己用的VSCode插件 VS Code JavaScript(ES6) snippets > 当前最流行的，已有超过120万的下载量。这个插件为JavaScr

柔情只为你懂/ 2023年08月17日 15:26/ 0 赞/ 107 阅读

相关 VS Code 程序猿必装的高效开发插件

高效开发文件图标黑暗主题代码检查工具代码美化 CSS 类

墨蓝/ 2022年09月11日 00:21/ 0 赞/ 269 阅读

相关 Chrome必装插件

1. Tampermonkey Tampermonkey俗称油猴脚本，它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器，甚至可以去除视频广告等众

墨蓝/ 2022年05月24日 01:15/ 0 赞/ 270 阅读

相关 VSCode开发插件 VSCode快捷键

![我的VSCode插件列表][VSCode] Vetur —— 语法高亮、智能感知、Emmet等包含格式化功能， Alt+Shift+F （格式化全文），

╰+哭是因爲堅強的太久メ/ 2022年05月17日 02:37/ 0 赞/ 360 阅读

相关 VSCode 开发 Flutter 必用插件

> 阅读本文大约需要 1.5 分钟 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

快来打我*/ 2022年02月20日 16:42/ 0 赞/ 585 阅读

相关 Java开发必装的IntelliJ IDEA插件

[IntelliJ IDEA][]是目前最好最强最智能的Java IDE，默认已经集成了几乎所有主流的开发工具和框架。在这里不讨论Idea和Eclipse的关系，感兴趣的朋友可

￡神魔★判官ぃ/ 2022年02月01日 23:05/ 0 赞/ 200 阅读

相关 Java 开发必装的 IntelliJ IDEA 插件

[http://www.oschina.net/news/69858/java-developer-need-intellij-idea-plugin][http_www.os

Love The Way You Lie/ 2021年12月22日 10:17/ 0 赞/ 224 阅读

相关 Java开发必装的IntelliJ IDEA插件

IDEA 插件简介常见的IDEA插件主要有如下几类：常用工具支持 Java日常开发需要接触到很多常用的工具，为了便于使用，很多工具也有IDEA插件供开发使用，其中大部

约定不等于承诺〃/ 2021年09月23日 02:38/ 0 赞/ 266 阅读