前端好用的vscode插件,可以根据不同的开发需求下载

基础配置

简体中文

通用效率类

Auto Rename Tag

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

Code Runner 支持多种编程语言的代码快速运行,无需手动输入编译和运行命令,按下快捷键即可在编辑器内运行代码并查看输出结果,方便代码测试和调试

Auto Close Tag 自动出现HTML/XML闭合标签

代码格式化与美化类

Color Highlight

颜色的代码上自动添加当前颜色的背景色

Color Picker

鼠标悬浮在颜色上可以出现颜色板,可以自行选择颜色

其他实用插件

CSS Peek

鼠标点击class名上会跳到下方对应的style样式

Live Server

开发前端项目时,可在本地启动实时服务器,修改HTML、CSS或JavaScript文件并保存后,浏览器自动刷新页面,实时显示修改效果,无需手动刷新,提高前端页面调试和开发效率。

Lingma - Alibaba Cloud AI Coding Assistant

开源的AI编程插件,类似Copilot,包含AI对话编程、代码自动补全等功能,能连接多种大模型

Path Intellisense

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

Vue 3 Snippets

提供了针对Vue 3的代码片段,包括Composition API等新特性的代码片段,帮助开发者快速编写Vue 3代码。

持续更新,如有建议请留言~

相关推荐
陈随易4 小时前
bm2,Node.js 与 Bun 项目部署新选择
前端·后端·程序员
福兮说5 小时前
canvas 旋转图片的六个坑:四角被裁、Math.ceil 多出 1px 黑边、JPG 角发黑、翻转方向反了
前端·javascript·图像处理·canvas
传人once7 小时前
多图片上传预览功能如何写
前端·css·html·jquery·html5
Eric.467 小时前
Wan‑Animate+MiniMax-H3 本地部署 AI 漫剧流水线:8G 显存动作迁移与动态分镜工程实战
前端·人工智能·comfyui·ai漫剧
库拉镜像AI牛牛9 小时前
短剧内容自动化生产:知漫剧工作室落地教程
大数据·服务器·前端·人工智能·语音识别
律宏阔9 小时前
Flutter 列表图片内存优化:CachedNetworkImage 与 ClipRRect 的取舍
前端·flutter
行者全栈架构师9 小时前
【鸿蒙心迹】相册文搜图工程化落地:HarmonyOS 7.0 端侧 AI 检索全链路实战与 5 个踩坑解法
前端
律宏阔9 小时前
Dart 3 Record:解决 Future.wait 异构返回值的类型问题
前端·flutter
Seraphina369 小时前
DVWA(XSS Reflected/Stored High,CSRF Low)
前端·xss·csrf
默_笙10 小时前
🍔 中间件不只是打日志:四个钩子、一次短路,和自带的工具
前端·javascript