VSCode 常用插件

一、中文翻译插件

将vscode页面的英文翻译为中文
在这里插入图片描述

二、代码括号(区块)颜色变换

不同区块使用不同颜色的括号,方便区分代码块
在这里插入图片描述

三、CSS Peek(快速查看css样式)

按住CTRL键同时移到鼠标到要查看的标签就可以看到改标签使用的样式
在这里插入图片描述

四、ESLint(规则插件)

约定统一的规范来编写代码,便于后期的维护
在这里插入图片描述

五、Icon Fonts(文件树图标)

文件树中不同后缀的文件给不同的图标,便于区分文件
在这里插入图片描述

六、indent-rainbow(缩进颜色)

每行代码前的缩进给一种颜色
在这里插入图片描述

七、JavaScript (ES6) code snippets

ES6语法JavaScript代码片段匹配
在这里插入图片描述

八、Live Server(热更新)

在这里插入图片描述

九、Markdown Preview Github Styling

改变md文件在vscode中的预览方式
在这里插入图片描述

十、Material Icon Theme

在这里插入图片描述

十一、open in browser

右键快捷打开浏览器方式
在这里插入图片描述

十二、Path Intellisense

路径提示插件
在这里插入图片描述

十三、Prettier - Code formatter

代码格式化插件
在这里插入图片描述

十四、px to rem & rpx (cssrem)

px转换rem插件
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值