使用VS Code一年,捣鼓笔记

79 阅读3分钟

去年将敲代码IDE从原生Vim切换到VS Code之后,会时不时捣鼓一下这新的开发工具。

以下是我在捣鼓过程中记录的一些在脑子中记不住的内容。

1、快速跳转项目内的代码错误

使用Vim时,我配置使用Ctrl+mCtrl+n来回跳转代码中由flake8检测出来的语法报错或是不符合规范写法的提醒。

VS Code有没有呢?有的,以下是默认配置:

Keyboard Shortcut: ⇧⌘M (打开本项目中的所有错误)

Quickly jump to errors and warnings in the project. (在窗口中选择错误快速跳转)

Cycle through errors with F8 or ⇧F8.(可以使用F8和shift+F8来回切换)

2. 连按不成功

有时候,VS Code中连按按键e,会弹出一个小框,并不能连续的往后跳单词。

弹出的小框是“元音音标提示框”,只需要使用以下指令将其关闭就好。

defaults write NSGlobalDomain ApplePressAndHoldEnabled -bool false

3. Terminal窗口与编辑窗口间的快速切换

使用VS Code敲代码一段时间后,已经习惯所有的编辑都在VS Code中做。

但偶尔需要写一些简单测试代码时是需要打开iTerm2并回归Vim的,想到是否可以直接在VS Code中编辑,再在VS Code中执行测试代码呢?

是可以的,右键选择Run Python File in Terminal即可。

编辑窗口和Terminal窗口的切换,只能用鼠标,让我感觉很是不方便。

搜啊搜……

在Stack Overflow上找到答案,我将步骤从Stack Overflow上搬运下来。

  1. Ctrl+shift+p(Mac上面是Cmd+shift+p)打开指令选择窗口。
  2. 搜索到"Preferences: Open Keyboard Shortcuts File"后回车。
  3. 添加下面的配置:
// Toggle between terminal and editor focus
{
    "key":     "ctrl+`",
    "command": "workbench.action.terminal.focus"
},
{
    "key":     "ctrl+`",
    "command": "workbench.action.focusActiveEditorGroup",
    "when":    "terminalFocus"
}

按上面步骤配置后,使用Ctrl+删除可以快速在两个窗口间切换。

继续浏览上面帖子,发现使用Cmd+j是可以快速开关Terminal窗口的。

4. 从iTerm 2中直接打开VS Code

在VS Code中使用Cmd+p,搜索> Shell Command: install 'code' command in Path,点击一下。

接着打开iTerm2,cd到想要使用VS Code打开的目录,使用以下指令:

code .

便在VS Code中打开当前文件夹了。

5. copy on select (选中复制)

在VS Code中的Terminal里面选中即复制。

使用cmd+,打开设置窗口,搜索copyOnSelection,选中即可。

6. 使左边的Activity Bar占用空间变小

公司的显示器是2K屏,将代码全按照PEP 8标准写之后,可以将敲代码窗口分成4屏:左右两边的竖格用来看代码,中间两个竖格用来改代码,方便许多。

每一个格子不够宽,于是将最左边的Activity Bar藏起来。刚刚好。

这导致使用ExplorerExtensions等功能很不方便。(快捷键太多也会记不住的。)

于是找到插件Activitus Bar用起来,作者开发这插件的初衷是:

One of my work colleagues was complaining about the activity bar wasting too much space……(Activity Bar占了太多空间。)

这插件将Activity Bar中的按钮都挪到下方的Status Bar上,占据空间变小许多。

可以按照插件介绍直接在settings.json配置文件中修改图标。

PS:Activity Bar的名称可以在哪里找,还请大家指教呀……

7. 引用链接

1、查看代码错误的官方文档:code.visualstudio.com/docs/getsta…

2、长连按的配置说明:zihengcat.github.io/2018/08/02/…

3、EditorTerminal快速切换配置:stackoverflow.com/questions/4…

4、Activitus Bar的介绍:marketplace.visualstudio.com/items?itemN…

5、VS Code支持的图标集:microsoft.github.io/vscode-codi…

6、找Activity Bar名称的提问:stackoverflow.com/questions/7…

图片

超高的代码屏占比(14寸屏幕)

为追求更快更稳更方便的敲代码体验,持续捣鼓中……