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代码片段 |
本文作者:Journey&Flower
本文链接:https://www.cnblogs.com/JourneyOfFlower/p/17952581
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步