前端开发vscode 常用插件记录

通用插件:

一、live Server 主要作用是提供一个本地开发服务器,以便实时预览和调试网页应用程序。

二、css peek 它的主要作用是帮助开发人员更轻松地查找和导航CSS样式表中的类、ID、选择器和样式定义(鼠标移动到css样式名即可查看样式,点击直接跳转对应文件)

三、auto rename tag 该插件帮助我们在重命名一个标签时,自动重命名 HTML 标签的开始和结束标签。避免只修改了开始标签,而忘记修改结束标签。

四、prettier 主要作用在于 代码自动格式化 需要设置format on save

五、ErrorLens 可及时提示不规范的代码问题

六、Chinese (Simplified) 简体中文

七、VsCode Icon 为文件和文件夹添加图标

八、open in browser当前的html文件用浏览器打开,类似 webstorm 的那四个小浏览器图标功能,前提条件html 文件必须保存

九、ESLint用于JavaScript代码的语法检查和风格检查

十、GitLens 提供了对 Git 版本控制系统的全面支持,包括代码历史记录、代码比较、代码注释、代码作者等功能

十一、REST Client 提供了一个方便的方式来测试和调试 RESTful API 接口,支持 HTTP 和 HTTPS 协议

十二、Color Highlight 通过用颜色包装每个十六进制代码为我们提供了更大的预览

十三、Bracket Pair Colorizer高亮匹配代码块括号,让括号拥有独立的颜色,便于区分

十四、Code Spell Checker 帮助我们发现代码中拼写错误的单词

十五、HTML Snippets 自动提示 HTML 标签,包括标签的含义

十六、indent-rainbow 代码区缩进,呈现带颜色的缩进

十七、JavaScript (ES6) snippets 支持 JavaScript ES6 语法

针对vue框架:

一、Vetur 提供了对 Vue.js 项目的全面支持,包括语法高亮、智能提示、代码片段、错误检查、格式化等功能

二、Vue VSCode Snippets简单快速的生成 Vue 代码片段的方法,通过各种快捷键就可以在 .vue 文件中快速生成各种代码片段

三、Vue Peek 插件用来拓展 Vue 代码编辑的体验,可以让我们快速跳转到组件、模块定义的文件

四、Volar Vue 团队官方推荐Volar 插件来代替 Vetur 插件,不仅支持 Vue3 语言高亮、语法检测,还支持 TypeScript 和基于vue-tsc 的类型检查功能

五、Vue 3 Snippets这个插件包含了所有的 Vue.js 2 和 Vue.js 3 的 api 对应的代码片段

针对react框架

一、Simple React Snippets该插件提供了一组精心挑选的 React 代码片段,可以通过输入几个字母轻松地将其添加到代码中。例如,输入 imr 会将 React 导入到组件中

相关推荐
獨枭3 小时前
Claude Code 安装 & IDE 集成教程
ide
行走的陀螺仪9 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
这儿有一堆花13 小时前
重磅推出!Google Antigravity:一次 “以 Agent 为中心 (agent-first)” 的 IDE 革命
vscode·ai·ai编程·googlecloud
j***518920 小时前
vscode配置django环境并创建django项目(全图文操作)
vscode·django·sqlite
艾莉丝努力练剑1 天前
【Python基础:语法第一课】Python 基础语法详解:变量、类型、动态特性与运算符实战,构建完整的编程基础认知体系
大数据·人工智能·爬虫·python·pycharm·编辑器
skywalk81631 天前
FreeBSD系统安装VSCode Server(未成功,后来是在FreeBSD系统里的Linux虚拟子系统里安装启动了Code Server)
ide·vscode·编辑器·freebsd
深海潜水员1 天前
【MonoGame游戏开发】| 牧场物语实现 第一卷 : 农场基础实现 (下)
vscode·游戏·c#·.net·monogame
skywalk81631 天前
linux安装Code Server 以便Comate IDE和CodeBuddy等都可以远程连上来
linux·运维·服务器·vscode·comate
时光追逐者2 天前
Visual Studio 2026 现已正式发布,更快、更智能!
ide·c#·.net·visual studio
你还满意吗2 天前
开发工具推荐
编辑器