安装一下这个主题:
整体风格和 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:
进行高亮,任选一个就行: