VS Code 插件推荐（亲自试用过）

最新推荐文章于 2024-06-21 20:13:00 发布
置顶 最新推荐文章于 2024-06-21 20:13:00 发布
阅读量8.5k 收藏 14
点赞数 8
分类专栏： 工具 文章标签： VScode 插件 vscode精美插件 插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36250061/article/details/84066665
版权

前端VS Code 插件

1、Color Highlight （用于标识代码中颜色色值）

在这里插入图片描述
在这里插入图片描述

2、Auto Rename Tag（用于HTML标签修改，前后识别）

在这里插入图片描述

3、Bracket Pair Colorizer （用于颜色识别匹配括号）

在这里插入图片描述
在这里插入图片描述

4、Egg Tools and eggjs （nodeJS 框架 EGG 代码识别）在这里插入图片描述
5、Flutter （用于Fluttter 开发APP 热更新，ctrl+S 保存即可）

在这里插入图片描述

6、Vetur （vueJS 语法高亮）

打开 文件–>首选项–>设置
在这里插入图片描述
修改true为false

7、Auto Close Tag （用于HTML 代码补全）

在这里插入图片描述

8、Document This （用于代码注释，function and class 皆可以 ，Ctrl + Alt + D）

在这里插入图片描述
在这里插入图片描述

9、Dash（快捷键 ctrl + h 它根据你当前选中的语言查找 dash 里面的文档）

在这里插入图片描述
在这里插入图片描述

10 、Indenticator （用于代码缩进提醒）

在这里插入图片描述

11、Quokka.js（实时观看 javascript 的变量的变化）

在这里插入图片描述

12、VueHelper （用于vue、vuex、vue-router代码提醒）

在这里插入图片描述

13、Color Picker （用于颜色拾取）

在这里插入图片描述

14、Material Icon Theme（用于显示文件ICON图标）

在这里插入图片描述

                                                    持续更新中~~
尼伯特
关注
  • 8
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解vscode中vue代码颜色插件
10-17
vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。这篇文章主要介绍了vscode中vue代码颜色插件 ,需要的朋友可以参考下
CodeMetrics、CodeMaid、VS插件
11-01
CodeMetrics 和 CodeMaid CodeMetrics：自动计算函数复杂度 CodeMaid：自东整理代码，支持保存时自动整理，包含括号对其、空行删除、缩进对齐等功能，对代码可读性有显著帮助 ...都是免费插件双击后即可安装。
超级哇塞的 VS Code 插件
m0_61216015的博客
05-11 480
编辑器自身的功能还是有限的，为了应付日常开发，不得不安装很多其他的软件进行辅助，不过也可以通过插件的方式引入一些常用的辅助软件，它们的功能可能没有原生的强大，但是基本上已经够用，并且是真的很方便。这个就很强了，本地代码的修改记录。但是命名又是开发过程中一项非常重要的事情，一个好的函数命名，能够让你瞬间明白它实现的功能，所以，每当开发过程中遇到要命名的变量、函数、类时就要冥思苦想，各种翻译。设置文件图标的，这个插件的长这个样子，还有很多其它修改文件图标的插件，不喜欢这一款的，大家可以自行找一找。
vscode颜色没有显示出来颜色预览效果，安装插件解决
jwbabc的专栏
06-21 273
安装Color Highlight, 来显示颜色对应的颜色预览效果。
VsCode插件
qq_50276105的博客
11-01 5300
更厉害的是，对于需要嵌套的标签，你可以直接用 ul>li>a 的格式表示，按下回车后就能看到你需要的嵌套。GitLens — Git supercharged插件，有时候，文件被改了某一处，真的很烦，是不是想找到改你文件的人，上去暴揍一顿，这个时候你就需要这个傻瓜插件了，安装后重启，然后将鼠标单击放在被修改的那一处。设计的大型图标目录与主题融为一体，使其更加美观，这有助于你在资源管理器中轻松找到你的文件。通过一些缩写，能够快速补全icon fonts相关的代码片段，这样能够减少80%以上的手动输入内容。
【Vscode】 Vscode常用插件
amoureux555的博客
09-12 3666
Vscode常用插件
VSCode代码颜色设置与常用插件
热门推荐
小绿的博客
10-09 3万+
VSCode代码颜色设置与常用插件
VS code代码颜色插件
weixin_44766633的博客
05-18 3万+
VS code代码颜色插件 插件名称 使用这个插件可以让代码函数的每个括号的颜色都对应起来，方便寻找函数体
VS CODE 使用SVN插件的方法步骤
10-15
标题：“VS CODE 使用SVN插件的方法步骤”中所涉及的知识点包括但不限于以下几个方面： 1. Visual Studio Code（VS CODE）是一款由微软开发的免费、开源的代码编辑器，它支持多种编程语言的语法高亮、代码补全、Git...
解决 Golang VS Code 插件下载安装失败的问题
09-16
主要介绍了解决 Golang VS Code 插件下载安装失败,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
中文代码快速补全 VS Code 插件
06-19
中文代码快速补全 VS Code 插件。本插件提供类似中文输入法的功能, 能结合当前代码上下文快速输入中文.支持拼音, 五笔等常见的输入方法, 也允许您自定义自己的输入方法。本插件可以获得当前正在编辑的文件的分词。...
name-that-color:VS Code插件，可将十六进制颜色转换为友好名称
05-22
命名那个颜色 一个VS Code插件，可将十六进制或rgb颜色表示形式转换为基于Chirag Mehta的构建的友好名称。 特征 从颜色表示中获得一个友好的名称 从颜色表示生成Sass或CSS变量名称 处理紧密的颜色表示（返回相同的名称） 适用于单个或多个选择 适用于十六进制和RGB 用法 获取颜色名称 选择一种颜色 在命令面板Ctrl-Shift-P（适用于Windows，Linux）或Cmd-Shift-P（适用于OSX）中， 选择命名该颜色：获取颜色名称 用颜色名称替换选择素 选择一种颜色 在命令面板Ctrl-Shift-P（适用于Windows，Linux）或Cmd-Shift-P（适用于OSX）中， 选择命名该颜色：替换选择 生成Sass变量 选择一种颜色 在命令面板Ctrl-Shift-P（适用于Windows，Linux）或Cmd-Shift-P（适用于OSX）中，
VSCode自定义配色文件
11-08
VSCode自定义配色方案 目前在使用的一种配色方案，只要将该文件复制到VSCode的主体文件目录中（$RELEASE/resources/app/extensions），以theme-开头的目录即为颜色主题配置 打开vscode，按键选择ctrl+k，ctrl+t，选择Monokai-My即可切换主题
15个好用的VS Code插件
03-19
### 15个高效VS Code插件及其应用详解 #### 一、概述 VS Code（Visual Studio Code）作为一款轻量级但功能强大的源代码编辑器，在开发领域中备受推崇。它不仅支持多种编程语言，而且拥有丰富的插件生态系统，能够...
VsCode好用的插件
魔力大叔的博客
07-14 500
工欲善其事必先利其器，今天介绍几个好用的vscode插件： 1.Chinese (Simplified) Language Pack for Visual Studio Code，VS Code 的中文（简体）语言包，非常适用于英文不好的童鞋。、 2.vscode-icons，安装后会在文件前面提示小图标，能让我们一眼就能看出来是什么类型文件。 3.GitLens — Git supercharged ，查看git提交日志 4.Bracket Pair Colorizer，它为代...
探索色彩世界：VSCode Colorize 扩展插件
gitblog_00057的博客
05-25 635
探索色彩世界：VSCode Colorize 扩展插件 vscode-colorizeA vscode extension to help visualize css colors in files项目地址:https://gitcode.com/gh_mirrors/vs/vscode-colorize 项目介绍 在前端开发中，色彩的运用至关重要，而VSCode Colorize是一款专为提升...
Vscode中vue代码颜色插件
weixin_43412762的博客
05-03 1万+
  vscode的确是前端开发中很好的工具，初始的vscode代码全是灰色，黑色。需要安装颜色插件，从视觉上是美的享受。    在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue，vue-beautify，vue-color，VueHelper，vertur等等。比较了下载数量可以了解到，vetur 是目前比较好的高亮插件。 1、打开Vscode 2、安装成功后重启Vscode即可 ...
VSCode插件推荐
simple_Xsg的博客
04-10 2万+
1. VSCode汉化包插件 ：Chinese (Simplified) (简体中文) Language VSCode汉化包，原始默认是英文的所以我们需要下一个中文插件。 2.VSCode自动补全标签：Auto Close Tag Auto Close Tag对Html或Xml文件自动创建结束标签； 如在Html中输入div: 敲回车显示： 3. VSCode 自动同步修改前后标签名插件：Auto Rename Tag 修改前面标签后面跟着修改： 4. ...
vscode中前端vue项目详解_详解vscode中vue代码颜色插件
weixin_39681644的博客
12-29 1912
vue提示插件【Vscode】编者寄语：vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色，黑色的困惑，后来整理找到方法，整理这篇，以下高亮插件，建议大家都安装了。在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有vue，vue-beautify，vue-color，VueHelper，vertur等等。比较了...
idea，Java好用的辅助代码工具插件
最新发布
07-15
Idea是JetBrains公司开发的一款流行的集成开发环境（IDE），特别适合Java开发者。它内置了丰富的辅助代码工具插件，极大提高了开发效率。以下是几个常用的插件： 1. **Code Completion & Intellisense**：提供强大的智能提示功能，能够自动补全代码、变量名、方法等，减少手动输入的工作量。 2. **Lombok Plugin**：简化Java的无注解开发，通过自动生成一些常见的getter/setter、构造函数等，提升代码简洁度。 3. **FindBugs/IntelliJ Inspection Tools**：用于检测代码中的潜在错误和不良实践，帮助找到并修复bug。 4. **Git Integration**：无缝集成Git版本控制系统，支持提交、拉取、合并操作，并能实时查看代码更改历史。 5. **Maven/Gradle Integration**：与构建工具如Maven和Gradle深度整合，方便项目管理和构建流程。 6. **Refactorings**：提供了多种重构选项，帮助开发者优化代码结构，保持代码的高质量。 7. **Live Templates**：预设模板可以快速生成常用的代码片段，如日志记录、异常处理等。 8. **Database Tools**：对于数据驱动的项目，有对SQL查询的支持以及数据库连接管理工具。 9. **Code Quality Analysis**：例如SonarQube的插件，有助于持续监控代码质量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值