Auto Rename tag

本文介绍了一系列提升VSCode开发效率的插件,包括自动代码美化、智能提示、代码运行环境、文件路径识别等,旨在帮助开发者提高编程速度与代码质量。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Auto Rename Tag

  • 自动关闭标签,在开始标记的结束括号中键入后,将自动插入结束标记

Beautify

  • 美化代码

Bracket Pair Colorizer

  • 个成对儿的括号都会以不同的颜色进行区别

chinese

  • 中文简体

code Runner

  • 万能语言运行环境

colorizer

  • css color背景颜色

Debugger for Chrome

  • vs code 中打开 chrome

ESlint

  • 自动检测不符合规范的代码。打开vscode左侧扩展面板,搜索eslint,点击安装,重启后生效

HTML CSS Support

  • 自动补全 (智能提示)

Live server

  • Alt+l Alt+o 执行代码

Node modules resolve

node-snippets

open in browser

  • 使用快捷键 Alt+B 右键在浏览器中查看

Path Iitellisense

  • 可以很好的识别引入文件路径

CSS Peek

*你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。

Snazzy Operator

Vetur

  • 使得文字高亮和有快捷键的方式

View Node Package

vscode-icons

  • 可以控制vscode中的文件管理的树目录显示图标
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值