vscode 好用插件

embedded/2025/3/14 5:34:09/

一、通用效率类

1. Auto Rename Tag

在编写 HTML 或 XML 代码时,当你修改一个标签的名称,它会自动同步修改对应的结束标签,节省了手动修改的时间,提高了代码的准确性和编写效率。

2. Bracket Pair Colorizer

为代码中的括号对(如 (){}[])添加不同的颜色,让你可以更清晰地分辨嵌套的括号层次,尤其在处理复杂代码时,能有效减少因括号匹配错误导致的问题。

3. Code Runner

支持多种编程语言的代码快速运行,无需在命令行中手动输入编译和运行命令。你只需按下快捷键,就能在编辑器内直接运行代码,并查看输出结果,方便进行代码测试和调试。

4. GitLens

增强了 VSCode 对 Git 的集成功能,它可以在代码行旁边显示代码的作者、最后修改时间等 Git 信息,还能查看文件的历史记录、比较不同版本的差异等,帮助你更好地理解代码的演变和团队协作情况。

5. Todo Tree

在项目中搜索所有包含 TODOFIXME 等注释标记的代码行,并在侧边栏以树状结构展示,方便你快速定位和管理待办事项和需要修复的问题。

6. CSS Peek

快速跳转到 CSS 类定义

7. Path Intellisense

文件路径自动补全。

二、代码格式化与美化类

1. Prettier-Code formatter

一个流行的代码格式化工具,支持多种编程语言。它可以根据预设的规则自动格式化代码,统一代码风格,使代码看起来更加整洁、易读。你可以通过配置文件自定义格式化规则,以满足团队或个人的编码规范。

2. Beautify

同样用于代码美化,它可以格式化 HTML、CSS、JavaScript 等文件,让代码的缩进、空格等排版更加规范。与 Prettier 不同的是,它的配置相对简单,适合快速对代码进行基本的格式化。

三、语法检查与智能提示类

1. ESLint

对于 JavaScript 和 TypeScript 开发者来说,ESLint 是一个必不可少的插件。它可以在编码过程中实时检查代码是否符合指定的语法规则和编码规范,发现潜在的错误和不规范的代码写法,并提供相应的修复建议,有助于提高代码质量和可维护性。

2. Pylance

专门为 Python 开发设计的插件,提供了强大的智能提示、类型检查、代码导航等功能。它能够理解 Python 代码的上下文,准确地推断变量类型,为你提供更精准的代码补全建议,大大提高 Python 代码的编写效率。

四、前端开发类

1. Live Server

在开发前端项目时,它可以在本地启动一个实时服务器,当你修改 HTML、CSS 或 JavaScript 文件并保存后,浏览器会自动刷新页面,实时显示修改后的效果,无需手动刷新,让你可以更高效地进行前端页面的调试和开发。

2. Vue Language Features (Volar)

如果你是 Vue.js 开发者,Volar 是一个非常实用的插件。它提供了对 Vue 3 单文件组件(SFC)的全面支持,包括语法高亮、代码格式化、智能提示、组件导航等功能,帮助你更轻松地开发 Vue 项目。

五、主题与图标类

1. One Dark Pro

一款广受欢迎的主题插件,提供了简洁、舒适的代码编辑界面,以深色背景为主,代码颜色搭配合理,长时间编码也不容易产生视觉疲劳。

2. Material Icon Theme

为 VSCode 的文件资源管理器添加了一套美观、直观的图标,不同类型的文件和文件夹会显示不同的图标,方便你快速识别和定位文件。

3. indent-rainbow

缩进彩色显示,避免缩进错误。


http://www.ppmy.cn/embedded/172419.html

相关文章

计算机网络--访问一个网页的全过程

文章目录 访问一个网页的全过程应用层在浏览器输入URL网址http://www.aspxfans.com:8080/news/index.aspboardID5&ID24618&page1#r_70732423通过DNS获取IP地址生成HTTP请求报文应用层最后 传输层传输层处理应用层报文建立TCP连接传输层最后 网络层网络层对TCP报文进行处…

大模型语音生成入门(基于cosyvoice)

主要参考资料: 从离散编码到语音生成:深入浅出CosyVoice语音生成大模型: https://www.bilibili.com/video/BV1oS411c76o?spm_id_from333.788.videopod.sections&vd_sourceef5b6d43cf1d4ed823db3e9133e97d2d 目录 语音合成 与 大模型语音生成cosyvoi…

openai-cua-sample-app - 使用计算机的 Agent示例应用

文章目录 一、关于 openai-cua-sample-app概述抽象 二、设置与运行三、CLI 使用运行示例(可选) 四、计算机环境Docker 设置主机环境设置 五、函数调用风险与安全考虑 一、关于 openai-cua-sample-app CUA : Computer Using Agent (CUA) 开始使用 OpenA…

使用websocket,注入依赖service的bean为null

问题:依赖注入失败,service获取不到,提示null 这是参考代码 package com.shier.ws;import cn.hutool.core.date.DateUtil; import cn.hutool.json.JSONObject; import cn.hutool.json.JSONUtil; import com.google.gson.Gson; import com.s…

色板在数据可视化中的创新应用

色板在数据可视化中的创新应用:基于色彩感知理论的优化实践 引言 在数据可视化领域,色彩编码系统的设计已成为决定信息传递效能的核心要素。根据《Nature》期刊2024年发布的视觉认知研究,人类大脑对色彩的识别速度比形状快40%,色…

flutter dio库 源码赏析

1. factory函数 //调用factory构造方法后,实际返回的是Dio的子类 Dio dio Dio();abstract class Dio {factory Dio([BaseOptions? options]) > createDio(options); } 2. CancelToken 作用:取消操作 CancelToken cancelToken CancelToken();//监听取消 ca…

数据结构-队列(详解)

目录 一、队列的基本概念二、队列的基本操作三、队列的实现方式1. 数组实现队列2. 链表实现队列 四、队列的应用场景五、总结 一、队列的基本概念 队列是一种特殊的线性表,它只允许在表的一端进行插入操作,在另一端进行删除操作。允许插入的一端称为队尾…

golang中具有 “no copy“的类型

在 Go 语言中,某些类型由于特殊用途或底层实现,可能会被标记为 “no copy”,即它们不能被复制,通常是因为复制会导致意外的行为或错误。这些类型主要包括: 1. sync.Mutex、sync.RWMutex 原因:Mutex 是用于…