VSCode 使用小手册

1.操作快捷键（Mac）

1.⌘ command键

2.⌥ option键

3.⇧ shift键

3.⌃ control键

4.↩ return键

5.x delete键

【通用】

⌘P 快速打开，快速查找并进入文件

⇧⌘N 新建窗口(不是文件)

⌘W 关闭窗口

【基本编辑】

⌘X 删除整行 (不需要选中)

⌘C 复制整行 (不需要选中)

⌥↓ / ⌥↑ 上下移动整行

⇧⌥↓ / ⇧⌥↑ 复制整行，并粘贴到此行的上面/下面

⇧⌘K 删除行

⌘Enter / ⇧⌘Enter 插入行

⇧⌘\ 光标跳到对应的括号

⌘] / ⌘[ 缩进

Home / End 跳到行首行尾

⌘↑ / ⌘↓ 跳到首行或尾行

⇧⌘[ / ⇧⌘] 折叠和展开区域（验证了一下，这个组合键是左右切换文件）

⌘K ⌘[ / ⌘K ⌘] 折叠或展开选中的区域

⌘K ⌘0 / ⌘K ⌘J 折叠或展开所有的区域

⌘K ⌘C 加注释

⌘K ⌘U 删除注释

⌘/ 删除或注释

⇧⌥A 给选中的代码添加或删除注释（/* */）

⌥Z 切换自动换行

【搜索和替换】

⌘F 查找

⌥⌘F 替换

⌘G / ⇧⌘G 查找下一个或上一个

【导航栏】

⌘T 展示所有符号(显示本文件中的所有函数)

⌃G 去到指定行(输入行数)

⌘P 快速打开文件

⇧⌘O 跳到某个函数

⇧⌘M 显示报错面板

F8 / ⇧F8 跳到下一个/前一个错误或警告

⌃⇧Tab 导航所有打开的文件

【编辑器管理】

⌘W 关闭编辑器

⌘1 / ⌘2 / ⌘3 切换到第1，2，3个编辑器

⌘K ⌘← / ⌘K ⌘→ 切换编辑器组

⌘K ⇧⌘← / ⌘K ⇧⌘→ 编辑器左移右移

⌘K ← / ⌘K → 移动当前编辑器组

【文件管理】

⌘N 新建文件

⌘O 打开文件

⌘S 保存

⇧⌘S 另存为

⌥⌘S 保存所有文件

⌘W 关闭

⌘K ⌘W 关闭所有文件

⇧⌘T 重新打开关闭掉的文件

⌘K Enter 保持打开

⌃Tab / ⌃⇧Tab 打开下一个或前一个文件

⌘K P 复制当前文件的路径(不好使啊)

⌘K R 在浏览器中显示当前文件

2.功能小插件

2.1 koroFileHeader

【在vscode中用于生成文件头部注释和函数注释的插件】

文件头部添加注释:

快捷键：window：ctrl+alt+i,mac：ctrl+cmd+i, linux: ctrl+meta+i

在光标处添加函数注释:

快捷键：window：ctrl+alt+t,mac：ctrl+cmd+t,linux: ctrl+meta+t

自定义头部注释：

"fileheader.customMade": {
      "Author":"xxxxxx有限公司",
      "Date": "Do not edit",
      "LastEditors":"刘小二",
      "LastEditTime": "Do not edit",
      "Description": "",
      "FilePath": "Do not edit"
},

【Mac】配置编辑器

image

如上设置，生成注释：functionParamsShape

2.2 Better Align

【代码对齐/代码网格化、 /界面对齐/代码自动缩进】

【下载】

VsCode扩展商店搜索并下载Better Align

【快捷键配置】（文件→首选项→键盘快捷方式）

1.文件配置

image

2.寻找插件配置设置，搜索wwm，得到如图选项

image

3.双击此选项，配置快捷键

image

【操作】shift + alt + w

2.3 CodeSnap（代码生成图片）

[图片上传失败...(image-924576-1629248164496)]

【操作步骤】

1. 选中需要分享的代码内容，鼠标右键菜单选择CodeSnap即可；
2. 点击CodeSnap后会生成预览图，点击CodeSnap的图标Logo即可下载图片；

image

3. 下载后如下：

   image