vscode前端必备插件

VSCODE 开发必须关闭预览模式 ,可以自行百度
VSCODE 里面的插件 大部分都必须自己根据他们提供的命令 , 去调用命令面板 ,最好是 去注册快捷键。
VSCODE 最好能自己定义代码片段

插件名 功能
Auto Rename Tag 自动重命名标签
auto-close-tag 自动关闭标签
Svg Preview SVG图片显示 编辑
Image preview 当引入路径为图片时,可以预览当前图片
open in browser 在浏览器打开当前文件
Project Manager 项目管理插件,当开发多个项目时,可以快速跳转
Prettier - Code formatter 代码美化,自动格式化成规范格式
Draw.io Integration 在VSCode中 Draw.io
Comment Translate vscode注释翻译 查看源码注释需要
Path Intellisense 自动完成文件路径和模块的插件导入
GitLens 增强了Git集成,允许您在代码中可视化查看Git历史、作者信息等。
Live Server 开发过程中实时预览HTML
HTML CSS Support 为HTML标签和CSS选择器提供智能提示和自动完成功能
CSS Peek 可以从HTML文件中直接跳转到CSS样式定义的插件,加速查看和编辑样式。
Color Picker 允许您从代码中选择颜色,并提供颜色代码,方便调整样式。
Vetur 专为Vue.js开发提供支持,提供了Vue模板、脚本和样式的语法高亮、智能提示和错误检查
Markdown All in One 为Markdown提供支持,包括预览、语法高亮和快捷方式。
Chinese (Simplified) (简体中文) Language Pack for Vis vscode汉化插件
Auto Import 自动导入
change-case 快速更改当前选择 前单词的大小写 等格式
Color Highlight 颜色高亮
ESLint 代码检查工具
Git History Git History
gitignore git ignore
JavaScript (ES6) code snippets ES6语法下的JavaScript代码片段
Join Lines 合并行
npm-dependency-links 可以直接跳转npm仓库对应包
Remove empty lines 删除空行
TODO-HIGHLIGHT TODO 高亮
VS Code Counter 代码统计工具
Vscode Setting Export 导出Vscode设置和扩展列表
Vue 3 Snippets Vue 3的Visual Studio代码片段
Vue Language Features (Volar) Vue 3的语言支持
Vue VSCode Snippets Vue 的Visual Studio代码片段
posted @ 2024-01-08 15:40  Journey&Flower  阅读(95)  评论(0)    收藏  举报