vscode开发技巧

64 阅读4分钟

1. 工作区快捷键

显示/隐藏侧边栏

  • Mac: Cmd + B
  • Win: Ctrl + B

显示/隐藏控制台

  • Mac: Cmd + J
  • Win: Ctrl + `

将工作区放大/缩小

  • Mac: Cmd + + / -
  • Win: Ctrl + + / -

新开一个vscode应用

  • Mac: Cmd + Shift + N
  • Win: Ctrl + Shift + N

在已经打开的多个文件之间进行切换

  • Mac: Cmd + Option + 左右方向键
  • Win: Ctrl + Pagedown / Pageup

关闭窗口

  • Mac: Command + W 关闭窗口

2. 命令面板

显示命令面板

使用下面的组合键打开命令面板,其中有一个 > 代表输入的是命令:

  • Mac: Cmd + Shift + P
  • Win: Ctrl + Shift + P

image.png 使用下面的命令是搜索文件,手动输入 > 也可以进入命令面板:

  • Mac: Cmd + P
  • Win: Ctrl + P

打开用户设置

  • Mac: Cmd + ,
  • Win: Ctrl + ,

相当于 setting.json 的图形界面,各种配置一应俱全,不用再去找文档了。

重启 vs code

在命令面板下中输入 reload ,选择 reload window 即可

设置字体大小

在命令面板中输入 font,可以进行字体的设置:

image.png

大小写转换

选中文本后,在命令面板中输入 transform ,可以修改文本的大小写: image.png

使用命令行启动 vs code

打开命令面板,输入 install code command : 配置环境变量之后,可以在命令行中通过 code 启动 vs code :

  • code . :使用 vs code 打开当前目录
  • code pathName/fileName :使用 vs code 打开指定目录/文件

3. 光标操作

在单词之间移动光标

  • Mac: Option + 左右方向键
  • Win: Ctrl + 左右方向键

如果同时按 Shift 还可以进行选中

在整行之间移动光标

  • Mac: Cmd + 左右方向键
  • Win: Fn/Win + 左右方向键 (Fn 试了无效,Win 会与 Win10 默认快捷键冲突)

光标定位到第一行/最后一行

定位到第一行

  • Mac: Cmd + ↑
  • Win: Ctrl + Home

定位到最后一行

  • Mac: Cmd + ↓
  • Win: Ctrl + End

多光标编辑

在任意位置同时出现光标:

  • Mac: Option + 鼠标点击任意位置
  • Win: Alt + 鼠标点击任意位置

在连续多列上同时出现光标:

  • Mac: Cmd + Option + 上下键
  • Win: Ctrl + Alt + 上下键

4. 代码相关

下一行插入

在当前行的下方新增一行(即使光标不在行尾,也能快速向下插入一行)

  • Mac: Cmd + Enter
  • Win: Ctrl + Enter

上一行插入

  • Mac: Command + Shift + Enter

跳转到匹配的括号

  • Mac: Command + Shift + \

折叠代码

  • Mac: Command + k + 0
  • Win: Ctrl + k + 0

0表示的是级别的意思,同理可以是1,2,3

展开代码

  • Mac: Command + k + j
  • Win: Ctrl + k + j

将代码向上/向下移动

单行代码移动:光标放到当前行任意位置,使用下面组合键

  • Mac: Option + ↑ / ↓
  • Win: Alt + ↑ / ↓

代码块移动:先选中需要移动的代码块,然后使用上面的组合键

将代码向上/向下复制

单行代码复制:光标放到当前行任意位置,使用下面组合键

  • Mac: Option + Shift + ↑ / ↓
  • Win: Alt + Shift + ↑ / ↓

代码块复制:先选中需要复制的代码块,然后使用上面的组合键 写重复代码的利器

删除整行

  • Mac: Cmd + Shift + K
  • Win: Ctrl + Shift + K

删除光标之前一个单词

  • Mac: Option + Backspace
  • Win: Ctrl + Backspace

删除光标之前的整行内容

  • Mac: Cmd + Backspace
  • Win: 没有

代码块移动

单行缩进:光标放到当前行最前面,使用 TAB 键即可 单行向前移动:光标放到当前行任意位置,使用 Shift + TAB 组合键即可 多行缩进:对需要缩进的代码选中,使用 TAB 即可 多行向前移动:对需要向前的代码选中,使用 Shift + TAB 组合键即可

代码格式化

有时候一行行调整缩进太麻烦,可以使用下面的快捷键对整个模块的代码进行格式化:

  • Mac: Option + Shift + F
  • Win: Alt + Shift + F

搜索全局代码

  • Mac: Cmd + Shift + F
  • Win: Ctrl + Shift + F

查找替换

  • Mac: Command + Option + F

查找下一个

  • Mac: Command + G

查找上一个

  • Mac: Command + Shift + G

选中所有匹配项

  • Mac: Option + Enter

搜索文件名

在当前项目工程里,全局搜索文件名:

  • Mac: Cmd + P
  • Win: Ctrl + P

快速跳转到某一行

在上面的搜索框输入 : ,然后再输入需要跳转的行号,可以快速跳到某一行: image.png 当然搜索文件的时候也可以加冒号和行号,快速跳到该文件的那一行

快速跳转到某个 Symbol

在上面的搜索框输入 @ ,然后输入需要跳转的变量名、方法名,可以快速跳转到当前文件中的 Symbol image.png

总结

快捷键太多记不住怎么办?官方有一份 Cheat Sheet ,有不清楚的随时查看一下: code.visualstudio.com...