vscode主题样式配置

vscode主题样式配置

安装一下这个主题：

整体风格和 WebStorm 类型，同时还支持快捷键，例如输入 log 按 TAB 会自动生成 console.log() 。

推荐使用这个主题：

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

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

"editor.tabSize": 2,

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

&#lorCustomizations": {"editor.lineHighlightBackground": "#00000090","editor.lineHighlightBorder": "#ffffff30"
},

替换默认的文件图标：

VSCode 自带的高亮显示，实在是不够显眼，用插件支持一下吧：

Volar 跟 Vetur 一样也是一个 vscode 插件，Volar 和 Vue3 更配，功能也更多：

下面两个插件可以对 // TODO: 和 // FIXME: 进行高亮，任选一个就行：