VSCode 前端常用插件

柳雾青烟紫燕穿

已于 2024-03-04 16:20:57 修改

阅读量475

点赞数 12

文章标签： vscode 编辑器

于 2024-03-04 15:52:56 首次发布

本文链接：https://blog.csdn.net/weixin_48230016/article/details/136452385

版权

Chinese 菜狗必备，yyds
Color Highlight 代码高亮
ESLint 懂得都懂
Stylelint （css/less/sass语法检查）
Auto Rename Tag 自动重命名标签 (修改一侧标签后,另一侧会自动修改)
CSS Peek 快速定位CSS样式（在页面中按住Ctrl，鼠标点击类名后稍等一丢丢，会直接显示CSS样式）
GitLens 代码显示提交人名称，拒绝背锅
Turbo Console Log 一键注释再也不用打console.log了
1. ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log
2. alt + shift + c 注释所有 console.log
3. alt + shift + u 启用所有 console.log
4. alt + shift + d 删除所有 console.log
path Autocomplete 自动补全路径（打上./ 或者../）
Live Server 保存代码页面自动刷新
Prettier - Code formatter 代码格式美化
Image preview 图片预览（在文件名前显示图标缩略图）
px to rem & rpx & vw (cssrem)（写样式时写px 有 rem 可选项）
Vetur / Vue Language Features (Volar) vue2提示器 / vue3提示器
TypeScript Vue Plugin (Volar) TS提示器
Git Graph 流水线形式查看存储库的 Git操作
Template String Converter（在字符串中打 $ 试试，自动转变模板字符串）
CodeSnap（捕捉的代码段，并将其转换为图像格式）
JavaScript (ES6) code snippets html css 补全
Regex Previewer 实时显示正则
Change Case 改命名规则（如驼峰）