vscode 常用插件

最新推荐文章于 2025-09-12 23:12:13 发布

原创最新推荐文章于 2025-09-12 23:12:13 发布 · 215 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#vscode #前端

前端专栏收录该内容

2 篇文章

订阅专栏

Path Intellisense

自动提示文件路径，支持各种快速引入文件

在这里插入图片描述

Image preview

鼠标悬浮在链接上可及时预览图片

在这里插入图片描述

Beautify

在代码文件右键鼠标一键格式化 html,js,css

在这里插入图片描述

JavaScript (ES6) code snippets

ES6语法智能提示，以及快速输入

在这里插入图片描述

Vetur

VScode官方钦定Vue插件，Vue开发者必备。内含语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger等实用功能

在这里插入图片描述

ESlint

规范js代码书写规则，如果觉得太过严谨，可自定义规则

在这里插入图片描述

Auto Close Tag

自动闭合HTML/XML标签

在这里插入图片描述

open in browser

快速打开html文件到浏览器预览
在这里插入图片描述

Npm Intellisense

可自动完成导入语句中的npm模块

在这里插入图片描述

HTML Snippets

HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oFAYiQOE-1655297497692)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/53e3cab84e7d4391926d5fe71817e9c7~tplv-k3u1fbpfcp-watermark.image?)]

Auto Rename Tag

自动重命名成对的HTML标记，修改开始标签，结束标签会同步修改

在这里插入图片描述

Chinese

vscode编辑器汉化包

在这里插入图片描述

Live Server

开启本地服务器，一边编写代码一边保存，即实时刷新预览，大大提升开发测试效率

在这里插入图片描述

Color Highlight

把css颜色属性，直观的展示出来

在这里插入图片描述

Nebula Theme

颜色主题

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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