VSCode深度配置，学会这些至上提升50的效率

看完本文，你将

• 让你的 VSCode 打字流畅度提升 114 倍

• 不同工程使用各自的项目配置、插件

• 更加美观的自定义窗口

• 更加智能代码提示、替换

• 更加清晰的代码块结构，能一目了然

• 删掉那些标题党推荐的无用插件，使用 VSCode 自带的功能

• 自定义代码颜色，VSCode 主题

现况概要

作者每天逛各种社区，看到的关于 VSCode 的文章，99.999% 都是 插件推荐

而这些插件，说真的作用不大，很多都是 VSCode 内置的功能，而且同质化严重 他们也就知道那几个插件，没什么可说的

于是乎，就自己一点点的摸索 VSCode 最佳配置实践 今天有空就写一点吧

安装

没错，这也要讲，不是我水，因为有些时候，你下载速度很慢 所以你要使用镜像下载

详细教程搜 VSCode镜像下载

注意，下载最新版的，因为我讲的配置，很多是新特性 目前我的版本是 1.89.0像 VSCode 这种良心的应用，无脑装最新版即可

配置

第一步下载中文插件，这个大家应该都会，搜：Chinese (Simplified) (简体中文)

第二步，打开设置，快捷键 Ctrl + ,

第三步，打开 setting.json

丝滑打字配置

这四行配置加入后，你马上会给我点赞 你将体会到如同潺潺流水，流过你手的感觉 这是全新的体验，是绝大多数编辑器不具备的体验

{
    "editor.smoothScrolling": true,
    "editor.cursorBlinking": "expand",
    "editor.cursorSmoothCaretAnimation": "on",
    "workbench.list.smoothScrolling": true,
}

鼠标控制大小

直接上图，按下 Ctrl + 鼠标滚轮

{
    "editor.mouseWheelZoom": true,
}

彩虹括号与作用域块线条提示

一堆插件推荐的文章，天天叫你装插件实现，明明自带的功能

{
    "editor.guides.bracketPairs": true,
    "editor.bracketPairColorization.enabled": true,
}

更加智能的代码提示

{
    // 控制活动代码段是否阻止快速建议
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    // 除了 `Tab` 键以外， `Enter` 键是否同样可以接受建议
    // 这能减少“插入新行”和“接受建议”命令之间的歧义
    "editor.acceptSuggestionOnEnter": "smart",
    // 代码补全列表中，优先选择最近的建议
    "editor.suggestSelection": "recentlyUsedByPrefix",
}

有一种场景，比如你在输入代码，输到一般，你突然想要代码补全 于是你调出建议，但是补全的代码会直接插入，不会覆盖你的输入 这时代码就会多一点内容出来，那么就报错了

这个也是可以配置的

{
    "editor.suggest.insertMode": "replace",
}

更加智能的代码提示

{
    // 控制活动代码段是否阻止快速建议
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    // 除了 `Tab` 键以外， `Enter` 键是否同样可以接受建议
    // 这能减少“插入新行”和“接受建议”命令之间的歧义
    "editor.acceptSuggestionOnEnter": "smart",
    // 代码补全列表中，优先选择最近的建议
    "editor.suggestSelection": "recentlyUsedByPrefix",
}

有一种场景，比如你在输入代码，输到一般，你突然想要代码补全 于是你调出建议，但是补全的代码会直接插入，不会覆盖你的输入 这时代码就会多一点内容出来，那么就报错了

这个也是可以配置的

{
    "editor.suggest.insertMode": "replace",
}

自动补全括号、引号

{
    "editor.autoClosingBrackets": "beforeWhitespace",
    "editor.autoClosingDelete": "always",
    "editor.autoClosingOvertype": "always",
    "editor.autoClosingQuotes": "beforeWhitespace",
}

关闭缩进猜测

如果你打开一个文件，他的缩进是 2，而你的配置是 4 那么你格式化时，他很可能不按你的配置来

{
     // 关闭缩进猜测
    "editor.detectIndentation": false,
    "editor.tabSize": 4,
}

美化窗口

window 默认窗口如下，丑陋至极

配置后使用 VSCode 自己的窗口

{
    "window.dialogStyle": "custom",
}