vscode常用插件

  • GitLens
    GitLens 是 VS Code 的 Git 增强插件,提供详细的代码提交历史、作者信息和分支管理功能。
  • Live Preview
    Live Preview 是 VS Code 的实时预览扩展,支持 HTML、CSS、JavaScript 等文件的实时渲染和编辑同步。
  • Live Server
    Live Server 是另一个轻量级实时预览工具,通过本地服务器快速启动网页项目,支持热重载和自动刷新。
  • python
    Python 是微软官方提供的 Python 语言支持扩展,提供智能代码补全、调试、测试、代码格式化等完整开发功能。

一、代码格式化与质量检查

Prettier​ - 代码格式化工具,支持 JavaScript、TypeScript、CSS、HTML、JSON 等多种语言,可配置保存时自动格式化

ESLint​ - JavaScript/TypeScript 代码检查工具,实时检测语法错误和风格问题,支持自动修复

二、HTML/CSS 开发

Auto Close Tag​ - 自动闭合 HTML/XML 标签

Auto Rename Tag​ - 修改标签名时自动同步闭合标签

CSS Peek​ - 快速查看和导航 CSS 样式定义

Path Intellisense​ - 文件路径智能提示

三、前端框架支持

Vetur​ - Vue 2 开发插件,提供语法高亮、智能提示、错误检查等功能

Volar​ - Vue 3 开发插件,支持 TypeScript 和更好的性能

ES7+ React/Redux snippets​ - React 开发代码片段

四、调试与预览

Live Server​ - 本地开发服务器,支持热重载和实时预览

Debugger for Chrome​ - Chrome 调试支持

五、Git 版本控制

GitLens​ - Git 增强功能,显示代码提交历史、作者信息、分支比较等

Git History​ - 查看 Git 提交记录和版本对比

六、其他实用插件

Error Lens​ - 行内高亮错误信息

Bracket Pair Colorizer​ - 彩色括号配对,提高代码可读性

Code Runner​ - 快速运行多种语言代码

Material Icon Theme​ - 文件图标美化

Chinese (Simplified)​ - 简体中文语言包

相关推荐
sunoo-22910 小时前
【Linux 系统编程】学习第七天:线程属性 | 互斥锁 | 死锁 | 信号量 核心知识点 + 踩坑实战
linux·c语言·笔记·vscode·学习
铁手飞鹰11 小时前
VSCode Python .embed 嵌入式环境黄色波浪线问题
ide·vscode·python
吴可可12312 小时前
VSCode助力机械臂轨迹开发
vscode
樱花落木兰13 小时前
Git 超全零基础教程|三区原理、全套命令、分支协作、冲突解决、IDEA 集成(面试必备)
ide·git·json·github
意法半导体STM3213 小时前
【官方原创】LAT1695转换STM32CubeIDE工程到STM32CubeIDE for Visual Studio Code
vscode·stm32·单片机·嵌入式硬件
Molesidy13 小时前
【Embedded Development】基于VSCode+IAR插件的IAR工程开发环境的搭建
ide·vscode·编辑器
yangshuo128115 小时前
用AI开发一个公网IP查询小工具:精准查询IDE/终端的真实出口IP(Python实战)
ide·人工智能·tcp/ip
泛凡(Linyongui)16 小时前
告别原始编辑器:VS Code 搭建 中微CMS IDE 编译环境完整指南
ide·单片机·编辑器
也曾看到过繁星16 小时前
Linux---vim 编辑器
linux·编辑器·vim
k4m7v2pz17 小时前
Godot 4 嵌入式试玩窗口尺寸与适配策略详解
编辑器·游戏引擎·godot·游戏开发·嵌入式运行