VS Code 发展到现在已经有上百个可设置项了(settings.json),除了常见的修改字体、主题以外,还有哪些是必不可少的呢?


Debug的时候,操作控制条是浮动的会挡住文件的tab,非常讨厌。

增加设置:

debug.toolBarLocation: "docked"

这样可以把它固定在debug pane里。

具体看VS Code文档:

https://code.visualstudio.com/updates/v1_24?WT.mc_id=vscodemay18-twitter-brcl#_debug-toolbar-location

再补充一个吧。VS Code支持workspace,而且可以同时打开多个workspace。有时候我们需要一眼区别出来,所以就给每个workspace设置不同的Theme:


我是答主,我先开个头。例如 VS Code 默认是将菜单栏永久显示出来的,但我注意到大部分的截图都是隐藏掉的「菜单栏」:

右下窗口上方显示「文件」、「编辑」等菜单的区域就是菜单栏

甚至包括官方的更新日志中的截图:

其中有一部分是 Mac 的菜单栏和系统集成在一起了,但是非 macOS 一样建议将它隐藏掉,这样会更加「美观」和简洁。配置方式(让菜单栏隐藏,用 Alt 键切换显示):

"window.menuBarVisibility": "toggle"

但这是一个需要克服的设置,将常见的操作快键键都记住(例如创建新窗口、打开文件夹、最近打开的文件),这样可以大大降低需要显示菜单栏的情景(Alt 键切换的频率)。能在保持美观的同时又不影响效率(其实快捷键效率更高)。

在后来 VS Code 默认将「标题栏」的样式改成 custom 了,所有平台一个样子(个人感觉像 win10)。但是在 Mac/Linux 上就显得格格不入和难看了,特别是在隐藏了菜单栏就是为了美观的前提下。所以我们需要让标题栏回归原生窗口的样子:

"window.titleBarStyle": "native"

和系统窗口格格不入的 Custom 标题栏

在我们写代码的时候,很多语言都会用下列字元组成的符号当做语法:

|&>
=&>
-&>
!=
==
&

如果允许连字,它们可以显示为单个字元:

将 |amp;> -amp;> =amp;>显示为连字元的真实代码

我用的是一款叫做 Fira Code 的字体,支持大量编程连字:

所以添加以下设置启用连字支持,也是必不可少滴:

"editor.fontLigatures": true

注意,同时你需要将字体设置为支持连字的字体。

如果你是跟我一样的 Linux 用户,有一点你肯定受不了,那就是 VS Code 的终端默认不支持选中复制!所以 Linux 用户务必添加:

"terminal.integrated.copyOnSelection": true

来启用选中即时复制功能,不然滑鼠右键复制简直要人亲命!


以上是个个我推荐的必不可少的设置项,欢迎大家继续推荐……


手动编辑设置时恢复以前的双排设置:

"workbench.settings.useSplitJSON": true,
"workbench.settings.editor": "json",

效果图:

From: vscode 显示问题,想把 (图1)settings.js


打开面包屑导航

"breadcrumbs.enabled": true

打开代码片段填空时的智能感知

"editor.suggest.snippetsPreventQuickSuggestions": false

新建和保存的格式标准化

"files.encoding": "utf8",
"files.eol": "
",
"files.insertFinalNewline": true,
"files.trimFinalNewlines": true,
"files.trimTrailingWhitespace": true,


泻药. 这个并不普遍适用, 因为暂时仅发现TypeScript有此选项. 但应该从VS 2008开始就有类似选项了. 可以本地化编译信息(下图), 原本的英文信息是"人 only refers to a type, but is being used as a value here.":


推荐阅读:
相关文章