vscode主题样式配置

安装一下这个主题:
在这里插入图片描述
整体风格和 WebStorm 类型,同时还支持快捷键,例如输入 log 按 TAB 会自动生成 console.log()

推荐使用这个主题:

在这里插入图片描述

如果用的是 Cascadia Code 字体,使用上面的主题,推荐装一下 CascadiaCodeItalic ,在展示斜体的时候有特殊效果。

VS Code 默认缩进是4个空格,可以在 setting.json 中改为2空格:

"editor.tabSize": 2,

VS Code 默认代码选中高亮效果一般,可以在 setting.json 中修改默认配置:

"workbench.colorCustomizations": {
	"editor.lineHighlightBackground": "#00000090",
    "editor.lineHighlightBorder": "#ffffff30"
},

替换默认的文件图标:
在这里插入图片描述
VSCode 自带的高亮显示,实在是不够显眼,用插件支持一下吧:
在这里插入图片描述
Volar 跟 Vetur 一样也是一个 vscode 插件,Volar 和 Vue3 更配,功能也更多:
在这里插入图片描述
下面两个插件可以对 // TODO:// FIXME: 进行高亮,任选一个就行:
在这里插入图片描述
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值