欢迎大家来到IT世界,在知识的湖畔探索吧!
Visual Studio Code 虽说是一款轻量的 IDE,但是它的可定制性却非常强大。早先继承了 Web 开发的传统,它使用 JSON 来管理配置。用户也是直接操作 JSON 格式的配置内容。严格来说 JSON 不支持注释,但它额外有了一种叫 JSON with Comments 的格式,支持 JavaScript 的行内、单行、跨行注释语法。这样对我这样的开发人员来说,感觉就很良好了。
Visual Studio Code 的配置分全局(User Settings)和工作区(Workspace Settings)。全局是对所有工程、所有工作区都生效的。工作区的配置会覆盖全局配置中相同条目的内容。今天我们就主要来看看全局配置。
原则
全局配置要有一定的规范,不能所有配置都需要、都能往里面加的。大概有三项原则:
- 将那些通用的、最广泛用到的配置放到这里。
- 尽量少,精简为上,不重复默认配置。
- 还要考虑那些会被临时打开的文件,尽量不要影响它们。
第一条、第二条我想大家都很容易理解,但第三条可能就不太注意了。由于开发工作中经常需要临时打开单个文件或目录,甚至还要去修改它们。这些临时打开的文件或目录并没有工作区配置,我们大概也不会想去为它们建一下工作区配置。这样,它们就只会应用全局配置了。所以在这里,我们有时候就要小心一点了。
工作台与窗口
我们先来看看 Visual Studio Code 整个窗口与界面相关的定制。
使用先前的 JSON Editor 进行配置
{ "workbench.settings.editor": "json", "workbench.settings.openDefaultSettings": true, "workbench.settings.useSplitJSON": true, }
欢迎大家来到IT世界,在知识的湖畔探索吧!
Visual Studio Code 在后续的版本中,默认使用 UI Editor 来进行配置。它就跟传统的界面配置方式一样,有一些输入框、下拉框等。虽然看起来更加“友好”了,不过作为一个开发人员,我还是更喜欢先前的 JSON Editor。JSON Editor 非常强大,不光支持上面说的注释,它还支持智能提示(IntelliSense)、自动补全。配置项的搜索也非常智能。
显示文件相对路径
欢迎大家来到IT世界,在知识的湖畔探索吧!"window.title": "${activeEditorMedium}${separator}${rootName}",
默认窗口标题只展示当前文件名称、工作区名称。如果一个工程内有多个相同文件名的文件(在不同目录下),就不好区分了。而使用这个配置,就可以在窗口标题上展示文件相对工作区根目录的“相对路径”。让人惊喜的是,如果这个文件不是当前工作区的,则会显示它的完整路径,而不是各种 ..\.. 组成的相对路径了。
隐藏文件图标
"workbench.iconTheme": null,
默认情况下,在 Visual Studio Code 的资源管理器(Explorer)里,文件前会展示一个彩色图标,表示其类型。看起来确实挺炫的,不过它一定程度上影响了文件树的结构表达。使用这个配置,就能恢复清爽了。
快速打开的文件不再是预览模式
欢迎大家来到IT世界,在知识的湖畔探索吧!"workbench.editor.enablePreviewFromQuickOpen": false,
所谓预览模式或预览编辑器(Preview Editor),就是可以被复用的标签页。当我们对多个文件进行单击打开时,只会使用同一个编辑器(Editor)标签窗口,这样就可以避免标签过多导致体验太差。双击标签页或编辑一下文件,就可以固定标签页,不再被复用了。而快速打开(Quick Open)是利用快捷键(Command + P)搜索并打开一个文件。它默认也是预览模式。但我一般的使用场景是,通过快速打开、搜索文件,主要是为了对这些文件进行处理(如编辑)或较长时间的查看(如对比等),而且一般都是多个文件要连续打开。这个跟对多个文件单击进行逐一浏览、检查就不太一样了。这样就把我们的操作分成两部分,使工作更加具有条理。通过这个配置就可以关闭快速打开的预览模式。
自动定位当前文件在资源管理器中的位置
"explorer.autoReveal": false,
当我们打开一个文件,或激活一个文件标签窗口时,Visual Studio Code 会把这个文件在资源管理器中的位置显示出来并选中它。也就是说会自动展开树结构。看起来还不错。但是当你在多个文件标签窗口切换的时候,你会发现左侧的资源管理器的树可能都被展开了。这要是在目录较多、文件较多的工程里,就像有人把你好好打扫整理的房间又弄乱了,那种心情~~~。这个选项配合快速打开,就能保证左侧的文件树总是保持我们关心、期望的展开状态。
下一篇我们将会介绍下 Editor 相关的设置。请记住,我们的三项原则。
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/63425.html