搜索技巧
- Cmd + F（Win用户是Ctrl + F）：在当前文件中搜索，光标在搜索框里
- Cmd + G（Win用户是 F3）：在当前文件中搜索，光标仍在编辑器里
搜索框里有很多按钮，每个按钮都对应着不同的功能，如下图所示：
通过「Tab」键和「Shift + Tab」键在输入框和替换框之间进行切换。
- Cmd + Shift + F（Win用户是Ctrl + Shift +F）：在全局的文件夹中进行搜索。效果如下：
点击红框部分，展开更多的配置项。
选中foo()函数（或者将光标放置在foo()函数上），然后按住快捷键「Shift + F12」，就能看到 foo()函数在哪些地方被调用了
查看单个文件的 git 提交/修改记录
在文件上右键快捷菜单中，打开时间线，在时间线面板可以查看代码的修改和提交记录。
新建文件和文件夹技巧
新建文件夹的时候，如果直接输入aa/bb/cc，比如：
那么，就可以创建多层子文件夹，效果如下：
选中技巧
鼠标三击，可以选中当前行
单击文件的行号，可以选中当前行。
按住鼠标中键拖拽，可以选中一片矩形区域，实现多行同时编辑
选中字符/空格（如“否”）后，按 Ctrl+F2 ，会全选所有的选中字符/空格
- shift + home 从光标处向前选中到行首
- shift + end 从光标处向后选中到行尾
移动代码
alt + 上下键 可以移动代码
- 若光标停留在某行，则移动光标所在行
- 若光标选中了多行，则移动多行
其他技巧
选中某一段代码，这个时候，代码的左侧会出现一个「灯泡图标」，点击这个图标，就可以把这段代码提取为一个单独的函数。
VS Code自带 markdown 语法高亮，写完 md 文件之后，你可以点击右上角的按钮进行预览
控制面板输入Markdown: 打开预览，直接全屏预览 markdown文件。
推荐设置
改完代码后立即自动保存
保存时自动格式化文件
按 Ctrl+, 打开设置面板，搜索 editor.formatOnSave 打上勾即可
推荐插件
** Extension Pack
用于懒人批量安装相关插件
- vue相关的插件，搜索vue Extension Pack
- React相关的插件，搜索React Extension Pack 但更推荐 ES7 React/Redux/GraphQL/React-Native snippets
- Angular相关的插件，搜索Angular Extension Pack
Turbo Console Log
选中变量后，按 ctrl + alt + L 便可快捷生成 console.log 语句
console.log("🚀 ~ file: index.js ~ line 16 ~ app", app)
Shift+Alt+D 删除当前页面所有 Turbo Console Log 创建的console.log 语句
GitLens
Git神器，码农必备
- 将光标放置在代码的当前行，可以看到这样代码的提交者是谁，以及提交时间。这一点，是 GitLens 最便捷的功能。
- 查看某个 commit 的代码改动记录
- 查看不同的分支
- 可以将两个 commit 进行代码对比，甚至可以将两个 branch 分支进行整体的代码对比。这一点，简直是 GitLens 最强大的功能。
Bracket Pair Colorizer 2
突出显示成对的括号
highlight-icemode
高亮显示选中内容，以及相同的代码
其他插件
TODO Highlight
写代码过程中，突然发现一个Bug，但是又不想停下来手中的活，以免打断思路，怎么办？按照代码规范，我们一般是在代码中加个TODO注释。比如：（注意，一定要写成大写TODO，而不是小写的todo）
//TODO:这里有个bug，我一会儿再收拾你
或者：
//FIXME:我也不知道为啥， but it works only that way.
安装了插件 TODO Highlight之后，按住「Cmd + Shift + P」打开命令面板，输入「Todohighlist」，选择相关的命令，我们就可以看到一个 todoList 的清单。
compareit
可以将「当前文件」与「剪切板」里的内容进行对比
Project Manager
提供了专门的视图来展示你的项目，我们可以把常用的项目保存在这里，需要时一键切换，十分方便。
Live Share
实时编码分享：实现你和你的同伴一起写代码。
安装方式：
打开插件管理，搜索“live share”，安装。安装后重启 VS Code，在左侧会多出一个按钮：
点击红框部分，登录后就可以分享你的工作空间了。
vscode-syncing
- 地址：https://github.com/nonoroazoro/vscode-syncing
- 作用：多台设备之间，同步 VS Code 配置。
Settings Sync 【荐】
- 地址：https://github.com/shanalikhan/code-settings-sync
- 作用：多台设备之间，同步 VS Code 配置。通过登录 GitHub 账号来使用这个同步工具。
sftp
文件传输
如果你需要将本地文件通过 ftp 的形式上传到局域网的服务器，可以安装sftp这个插件，很好用。在公司会经常用到。
安装完成后，输入快捷键「cmd+shift+P」弹出命令面板，然后输入sftp:config，回车，当前工程的.vscode文件夹下就会自动生成一个sftp.json文件，我们需要在这个文件里配置的内容可以是：
host：服务器的IP地址username：工作站自己的用户名privateKeyPath：存放在本地的已配置好的用于登录工作站的密钥文件（也可以是ppk文件）- remotePath：工作站上与本地工程同步的文件夹路径，需要和本地工程文件根目录同名，且在使用sftp上传文件之前，要手动在工作站上mkdir生成这个根目录
ignore：指定在使用sftp: sync to remote的时候忽略的文件及文件夹，注意每一行后面有逗号，最后一行没有逗号
举例如下：(注意，其中的注释需要去掉)
{ "host": "", //服务器ip "port": 22, //端口，sftp模式是22 "username": "", //用户名 "password": "", //密码 "protocol": "sftp", //模式 "agent": null, "privateKeyPath": null, "passphrase": null, "passive": false, "interactiveAuth": false, "remotePath": "/root/node/build/", //服务器上的文件地址 "context": "./server/build", //本地的文件地址 "uploadOnSave": true, //监听保存并上传 "syncMode": "update", "watcher": { //监听外部文件 "files": false, //外部文件的绝对路径 "autoUpload": false, "autoDelete": false }, "ignore": [ //忽略项 "**/.vscode/**", "**/.git/**", "**/.DS_Store" ] }
RemoteHub
在本地查看 GitHub 网站上的代码，而不需要将代码下载到本地。
命令面板
Mac用户按住快捷键 Cmd+Shift+P （Windows用户按住快捷键Ctrl+Shift+P），可以打开命令面板
大小写转换
选中文本后，在命令面板中输入transfrom，就可以修改文本的大小写了。
常用快捷键
缩放整个工作区（包括代码的字体、左侧导航栏的字体等），可以按下快捷键「cmd +/-」。windows用户是按下「ctrl +/-」
恢复默认的工作区大小，可以在命令面板输入重置缩放（英文是reset zoom）
| Mac快捷键 | Win快捷键 | 作用 | 备注 |
| Cmd + / | Ctrl + / | 添加单行注释 | 很常用 |
| Option + Shift + F | Alt + shift + F | 代码格式化 | 很常用 |
| Cmd + U | Ctrl + U | 将光标的移动回退到上一个位置 | 撤销光标的移动和选择 |
跳转
| Mac快捷键 | Win快捷键 | 作用 | 备注 |
| Ctrl + Tab | Ctrl + Tab | 在已经打开的文件之间进行跳转 |
| Cmd + P | Ctrl + P | 在当前的项目工程里，全局搜索文件 | 很常用 |
| Ctrl + G | Ctrl + G | 跳转到指定行 | |
| Cmd + Shift + O | Ctrl + shift + O | 在当前文件的各种方法之间进行跳转 |
搜索
| Mac快捷键 | Win快捷键 | 作用 | 备注 |
| Cmd + F | Ctrl + F | 在当前文件中搜索，光标在搜索框里 | |
| Cmd + G | F3 | 在当前文件中搜索，光标仍在编辑器里 | |
| Cmd + Shift + F | Ctrl + Shift +F | 全局搜索 | 很常用 |
工作区快捷键
| Mac快捷键 | Win快捷键 | 作用 | 备注 |
| Cmd + B | Ctrl + B | 显示/隐藏侧边栏 | 很实用 |
Cmd + \ |
Ctrl + \ |
创建多个编辑器 | 比较实用 |
| Cmd + Option + 左右方向键 | Ctrl + Pagedown/Pageup | 在已经打开的文件之间进行切换 | 非常实用 |
| Ctrl + Tab | Ctrl + Tab | 在已经打开的文件之间进行跳转 | 不如上面的快捷键实用 |
| Cmd + J | Ctrl + J | 显示/隐藏控制台 |
其他快捷键
移动光标
| Mac快捷键 | Win快捷键 | 作用 | 备注 |
| Cmd + ← | Fn + ← | 将光标定位到当前行的最左侧 | 很常用 |
| Cmd + → | Fn + → | 将光标定位到当前行的最右侧 | 很常用 |
| Cmd + ↑ | Ctrl + Home | 将光标定位到文章的第一行 | |
| Cmd + ↓ | Ctrl + End | 将光标定位到文章的最后一行 |
- 「option + 左右方向键」：在单词之间移动光标（很常用）。注：Win 快捷键是「Ctrl + 左右方向键」。
- 「Cmd + 左右方向键」：在整行之间移动光标（很常用）。注：Win 的快捷键是「Fn + 左右方向键」
- 「
Cmd + Shift + \」：在代码块之间移动光标。
删除操作
| Mac快捷键 | Win快捷键 | 作用 | 备注 |
| option + Backspace | Ctrl + Backspace | 删除光标之前的一个单词 | 英文有效，很常用 |
| option + delete | Ctrl + delete | 删除光标之后的一个单词 | |
| Cmd + delete | 删除光标之前的整行内容 | 很常用 | |
| Cmd + delete | 删除光标之后的整行内容 |
| Cmd + shift + K | Ctrl + Shift + K | 删除整行 | 「Cmd + X」的作用是剪切，但也可以删除整行 |
编辑操作
| Mac快捷键 | Win快捷键 | 作用 | 备注 |
| Cmd + Enter | Ctrl + Enter | 在当前行下面新增一行，然后跳至该行 | 即使光标不在行尾，也能快速向下插入一行 |
| Option + ↑ | Alt + ↑ | 将代码向上移动 | 很常用 |
| Option + ↓ | Alt + ↓ | 将代码向下移动 | 很常用 |
| Option + Shift + ↑ | Alt + Shift + ↑ | 将代码向上复制 | 很常用 |
| Option + Shift + ↓ | Alt + Shift + ↓ | 将代码向下复制 | 很常用 |
多光标的使用
技巧1：按住 「Option」键（windows 用户是按住「Alt」键） ，然后在页面中希望中现光标的位置点击鼠标。
技巧2：选中某个文本，然后反复按住快捷键「 Cmd + D 」键（windows 用户是按住「Ctrl + D」键）， 即可将全文中与光标当前所在位置的词相同的词逐一加入选择。
技巧3：选中一堆文本后，按住「Option + Shift + i」键（windows 用户是按住「Alt + Shift + I」键），既可在每一行的末尾都创建一个光标。
自定义快捷键
按住快捷键「Cmd + Shift + P」，弹出命令面板，在命令面板中输入“快捷键”，可以进入快捷键的设置。
当然，你也可以选择菜单栏「偏好设置 --> 键盘快捷方式」，进入快捷键的设置：
快捷键列表
你可以点击 VS Code 左下角的齿轮按钮，效果如下：
上图中，在展开的菜单中选择「键盘快捷方式」，就可以查看和修改所有的快捷键列表了：
