vscode使用快捷键
vscode快捷键学习
以下为学习过程中的极简提炼笔记，以供重温巩固学习
学习路线&目的
- 知道有这么多可以给你在码代码时提高效率的快捷键
- 掌握各种快捷键，如何使用，什么时候使用
- 记住
软件准备
- 装好，打开vscode
vscode工具快捷键有哪些
| 按键 | 说明 |
|---|---|
ctrl+n | 新建文件 |
ctrl+s | 保存 |
ctrl+, | 设置 |
ctrl+h | 查找 |
alt+h | 查看当前文档的git history |
ctrl++/- | 缩放窗口 |
ctrl+shift+x | 打开插件 |
vscode编辑快捷键有哪些
| 按键 | 说明 |
|---|---|
光标起始停留位置 +shift+alt+ 点击新位置 | 多行编辑光标 |
| 滚轮点击+拖动 | 多行编辑光标 |
光标起始停留位置 +ctrl+c | 直接复制当前光标所在行 |
光标起始停留位置 +shift+ 鼠标点击新位置 | 直接选中光标停留位置与鼠标点击的新位置之间区间 |
| 鼠标涂中选中代码，按住键盘alt + 小键盘箭头上下 | 移动所选中的代码片段 |
| 鼠标涂中选中代码，按住键盘shift + 小键盘箭头上下 | 增加/减少所选中的代码片段 |
| 鼠标涂中选中代码/光标所在行，按住键盘shift + alt + 小键盘箭头上下 | 复制鼠标涂中选中代码/光标所在行 |
| 多个光标所在行，按住键盘ctrl + 小键盘右箭头 | 转到多行单词的右侧 |
alt+ctrl+上/下箭头 | 添加多个光标同时编辑 |
alt+shift+上/下箭头 | 往光标上/下快速复制光标所在行 |
鼠标左键双击 | 快速选定整个单词 |
back | 光标左删除 |
delete | 光标右删除 |
ctrl+l | 光标所在行单行全选 |
ctrl+d | 在选定单词后，快速选定多个相同单词 |
ctrl+g+ 输入行号 | 光标快速跳转到某行 |
tab | 缩进 |
shift+tab | 反向缩进 |
shift+/ | 不论当前语言，直接注释光标所在行 |
选中文字 +ctrl+[ | 快速对齐 |
输入法在英文状态下 + 鼠标选定某单词/段落 + 反引号/引号/双引号/尖括号/方括号/大括号/小括号 | 直接前后套号 |
| 按下键盘Ins，竖线光标变成灰色方块 | 直接以覆盖光标后的文字方式写入 |
| 光标停留+按下键盘fn键和ctrl之间的context menu键(中文称做“上下文菜单键”或“右键菜单键”) | 以光标所在位置鼠标右键 |
备注：在vscode等大多数其他编辑软件，选中文字再输入成对符号中的左侧符号，即可包裹选中文字 注意：需要输入法在英文键盘下，中文键盘无此效果
vscode编译器功能
格式化代码： 在 管理>设置>文本编辑器>格式化
vscode超出可视区域自动换行： 在 视图>自动换行 view(菜单栏的查看按钮(V))>word warp 快捷键：alt+z
Vscode 快速格式化代码: shift+alt+f
vscode插件
| 插件名称 | 说明 | 使用 |
|---|---|---|
Chinese | 汉化 | ctrl+shift+p 或在顶上搜索框 > 然后输入language设置 回车切换 |
AutoRenameTag | 双标签修改其一自动同步标签对修改 | 安装并启用插件 |
vscode多行编辑
| 按键 | 说明 |
|---|---|
光标起始停留位置 +ctrl+c | 直接复制当前光标所在行 |
光标起始停留位置 +shift+ 鼠标点击新位置 | 直接选中光标停留位置与鼠标点击的新位置之间区间 |
光标起始停留位置 +shift+alt+ 点击新位置 | 多行编辑光标 |
| 滚轮点击+拖动 | 多行编辑光标 |
vscode小技巧
搜索指定文本/字符：用鼠标光标点击拖选涂中，然后按 ctrl+f 即可搜索涂中的指定文本/字符
Windows系统剪贴板： win + v
移动代码片段：鼠标涂中选中代码，按住键盘alt，然后小键盘箭头上下，即可移动所选中的代码片段
多行操作技巧：见045-小兔鲜首页-拆分模块组件-局部注册.mp4中的12分钟附近，后续做成gif动态图
vscode输入方法时，显示路径提醒，此时回车，会自动补全该方法名，并导入该方法
vscode代码折叠
下面是在VS Code中折叠代码的几种常用操作方法：
折叠单行代码块： – 将鼠标移动到代码行的行号上，点击行号的左侧空白处，即可折叠该行代码。 – 使用快捷键 Ctrl + Shift + [ 方式快速折叠当前光标所在行的代码。
折叠多行代码块： – 将鼠标移动到代码行的行号上，点击行号的左侧空白处，按住鼠标左键向下拖动，选择需要折叠的代码块，松开鼠标左键，即可折叠选中的多行代码。 – 使用快捷键 Ctrl + K, Ctrl + [，快速折叠当前代码块。
折叠所有代码块： – 使用快捷键 Ctrl + K, Ctrl + 0，可以折叠所有的代码块。
折叠指定深度的代码块： – 将鼠标移动到代码行的行号上，点击行号的左侧空白处，按住鼠标左键向下拖动，选择需要折叠的代码块，松开鼠标左键，然后使用快捷键 Ctrl + K, Ctrl + 2可以折叠指定深度的代码块。
展开折叠的代码块： – 将鼠标移动到代码行的行号上，点击行号的左侧空白处，即可展开折叠的代码块。 – 使用快捷键 Ctrl + K, Ctrl + J，可以展开所有的代码块。
Ctrl+中括号快速对齐
Ctrl+d 复制这一行并粘贴到下一行
Ctrl shift 上下 复制行放上下
back左删除delete右删除，ins代替性输入
HTML超链接语法，末尾加反斜杠，用于取消网站重定向
在vscode中，鼠标选中方法函数的调用(如鼠标悬浮在
getHistoryList()上) - 右键转到引用/shift + f12：查看同样引用了这个方法的地方，以及引入的情况 - 右键转到定义/f12：在当前页面下，展开这个方法的逻辑定义，可编辑 - 右键转到实现/ctrl + f12：打开写着这个方法的逻辑定义的文件在vscode中，鼠标悬停于方法上，能看到方法的使用介绍
=====================================
其他小工具
Snipaste 是一个简单但强大的截图工具，也可以让你将截图贴回到屏幕上. 常用快捷方式:
- F1 可以截图. 同时测量大小, 设置箭头 书写文字等
- F3 在桌面置顶显示
- 点击图片, alt 可以取色 (按下shift 可以切换取色模式)
- 按下esc 取消图片显示