VSCode使用教程

Kevin2li大约 10 分钟Tutorial

简介

VS Code（Visual Studio Code）是一款免费、开源的代码编辑器，由微软开发和维护。它支持多种编程语言和框架，并提供了丰富的扩展功能，可以轻松地满足开发者的不同需求。

以下是 VS Code 的一些主要特点：

  1. 跨平台：VS Code 可以在 Windows、macOS 和 Linux 上运行。

  2. 内置调试器：VS Code 内置了调试器，支持多种语言和框架的调试。

  3. 丰富的扩展功能：VS Code 有大量的扩展可供选择，可以满足不同开发者的需求。

  4. 集成终端：VS Code 内置了终端，可以在编辑器内进行命令行操作。

  5. Git 支持：VS Code 提供了 Git 集成，可以轻松地进行版本控制操作。

  6. 快速编辑：VS Code 提供了多种快捷键和编辑工具，可以提高开发效率。

总之，VS Code 是一款功能强大的代码编辑器，可帮助开发者更高效地进行开发工作。

官网：https://code.visualstudio.com/open in new window
文档：https://code.visualstudio.com/docsopen in new window 扩展市场：https://marketplace.visualstudio.com/VSCodeopen in new window

常用快捷键

查看、修改、新建、删除快捷键

  1. 方法一
    可以通过快捷键Ctrl+K Ctrl+S打开快捷键面板，在其中可以查看、修改、新建和删除快捷键 image.png

  2. 方法二

Ctrl+Shift+P找到想要的功能，然后点击该条最右侧的齿轮图标，可以直接跳转到快捷键分配界面

image.png
image.png

光标操作

光标移动

行内跳转
快捷键功能
Ctrl+Right光标右移一个单词
Ctrl+Left光标左移一个单词
Fn+Left光标移到行首
Fn+Right光标移到行尾

下面功能的依赖插件Quick and Simple Text Selectionopen in new window:

快捷键功能
Ctrl+K (选中()之间的内容，然后使用左右方向键移到()前或后
Ctrl+K [选中[]之间的内容，然后使用左右方向键移到[]前或后
Ctrl+K <选中<>之间的内容，然后使用左右方向键移到<>前或后
Ctrl+K '选中''之间的内容，然后使用左右方向键移到''前或后
Ctrl+K "选中""之间的内容，然后使用左右方向键移到""前或后
Ctrl+K {选中{}之间的内容，然后使用左右方向键移到{}前或后
当前文件跳转
快捷键功能
Ctrl+G快速跳转到指定行
Ctrl+Shift+O跳转到选中变量的首次定义位置。使用@:还可以将变量按类型分组image.png
Ctrl+U跳转到上次光标所在位置

下面功能的依赖插件Bookmarksopen in new window：

  • Ctrl+Alt+L：跳转到下一个bookmark位置
  • Ctrl+Alt+J：跳转到上一个bookmark位置
跨文件跳转
快捷键功能
Alt+Right切换回打开过的前一个文件
Alt+Left切换到打开过的后一个文件
Alt+Click按住Alt，鼠标选中某个函数即可跳转
Ctrl+T在工作区内查找指定对象定义位置并跳转 image.png

多光标

快捷键功能
Ctrl+Alt+Up在上一行添加一个光标
Ctrl+Alt+Down在下一行添加一个光标
Alt+Click按住Alt再用鼠标点选设置多个光标

文本操作

文本删除

快捷键功能
Ctrl+Backspace向左删除整个单词
Ctrl+Del向右删除整个单词
Ctrl+X删除当前行

文本插入

快捷键功能
Ctrl+Enter在当前行下方插入空行, 不需要光标在行尾
Ctrl+Shift+Enter在当前行上方插入空行

文本复制

快捷键功能
Shift+Alt+Up复制当前行到上一行
Shift+Alt+Down复制当前行到下一行

文本移动

快捷键功能
Alt+Up与上一行交换顺序
Alt+Down与下一行交换顺序

文本合并

快捷键功能
Ctrl+J合并下一行

文本选择

快捷键功能
Ctrl+D选中光标所在单词，再次执行会选中下一个与当前单词相同的单词。
Alt+C: 切换大小写匹配(默认是忽略大小写)
Alt+W: 切换全词匹配(默认是忽略全词匹配)
Alt+R: 切换正则匹配(默认不开启)
Ctrl+Shift+L可以选中当前文件中所有当前出现的光标所在单词
Ctrl+A选中所有文本
Ctrl+L选中当前行文本
Shift+Alt+Click鼠标拖选，可以纵向选择文本

下面功能的依赖插件Quick and Simple Text Selectionopen in new window：

快捷键功能
Ctrl+K (选中()之间的内容
Ctrl+K [选中[]之间的内容
Ctrl+K <选中<>之间的内容
Ctrl+K '选中''之间的内容
Ctrl+K "选中""之间的内容
Ctrl+K {选中{}之间的内容

下面功能的依赖插件Bookmarksopen in new window：

快捷键功能
Shift+Alt+R选中从当前位置到下一个bookmark之间的文本
Shift+Alt+L选中从当前位置到上一个bookmark之间的文本

文本查找

当前文件查找
快捷键功能
Ctrl+F查找指定符号
Enter查找下一个
Shift+Enter查找上一个
跨文件查找
快捷键功能
Ctrl+Shift+F查找指定符号

文本替换

快捷键功能
Ctrl+H查找并替换文本

变量重命名

快捷键功能
F2选中一个变量，按F2输入重命名后的变量

文本折叠与展开

快捷键功能
Ctrl+Shift+[折叠[]之间的内容
Ctrl+Shift+]展开[]之间的内容
Ctrl+Shift+{折叠{}之间的内容
Ctrl+Shift+}展开{}之间的内容

文本注释

快捷键功能
Ctrl+/注释当前行(再次执行会取消注释)

文本自动换行

快捷键功能
Alt+Z是否触发自动换行

文本排序

快捷键功能
Ctrl+Shift+P输入Sort Lines AScending升序排列文本
Ctrl+Shift+P输入Sort Lines Descending降序排列文本

文本格式化

快捷键功能
Shift+Alit+F格式化整个文档
Ctrl+K+F格式化当前选中文本

文件操作

文件路径

快捷键功能
Shift+Alt+C复制当前文件绝对路径(同样适用于文件Explore面板)
Shift+Alt+R在文件资源管理器中打开当前文件
Ctrl+K Shift+Ctrl+C复制当前文件相对路径

文件查找

快捷键功能
Ctrl+P选择跳转到已打开的编辑器文件(在打开的文件过多折叠到一起时很有用)
Ctrl+K Ctrl+P选择跳转到已打开的编辑器文件，并且按文件组分好类

文件对比

快捷键功能
Ctrl++K C将当前文件与剪贴板内容对比

终端

快捷键功能
Ctrl+反引号打开内置终端
Ctrl+Shift+反引号新建终端
Ctrl+G从列表中选择切换到目标目录
Ctrl+Up滚动到命令执行开始处
Ctrl+Down滚动到命令执行结束处

屏幕操作

屏幕滚动

快捷键功能
Ctrl+Up界面向下滚动(光标位置不变)
Ctrl+Down界面向上滚动(光标位置不变)
Alt+Scroll按住Alt再滚动，可以实现5倍速的快速滚动，对于阅读长文件时有用

分屏

快捷键功能
Ctrl + \横向分屏

编辑器操作

文件(夹)打开与关闭

快捷键功能
Ctrl++N打开新的空白文件
Ctrl++O从列表中选择打开文件
Ctrl+K Ctrl++O打开目录
Ctrl++W关闭当前文件
Ctrl+Shift+T恢复刚刚关闭的文件
Ctrl+Shift+E在文件Explorer中聚焦当前文件
Ctrl+Shift+N新建一个编辑器窗口
Ctrl+K+O打开指定的文件目录
Ctrl+R打开最近打开的文件目录
Alt+F4关闭当前编辑器窗口
Ctrl+K Shift+Enter固定当前编辑器窗口

编辑器组

快捷键功能
Ctrl+K+W关闭所有编辑器组
聚焦
快捷键功能
Ctrl+1聚焦到第1个编辑器组
Ctrl+2聚焦到第2个编辑器组(如果没有则新建)
Ctrl+3聚焦到第3个编辑器组
Ctrl+PageUp聚焦到第上个编辑器
Ctrl+PageDown聚焦到第下个编辑器
布局调整
快捷键功能
Ctrl+K Left向左移动当前编辑器组
Ctrl+K Right向右移动当前编辑器组
Ctrl+K Up向上移动当前编辑器组
Ctrl+K Down向下移动当前编辑器组
编辑器移动
快捷键功能
Ctrl+Alt+Left将当前文件移动到上个编辑器组
Ctrl+Alt+Right将当前文件移动到下个编辑器组
Ctrl+Alt+Right将当前文件移动到下个编辑器组
编辑器切换
快捷键功能
Ctrl+Tab在当前编辑器组内选择文件打开

其他

快捷键功能
Ctrl+Shift+P打开命令面板
Ctrl+,打开settings
Ctrl+Shift+B运行build任务
Ctrl+B显示/隐藏侧边栏
Ctrl+K V打开预览，支持markdown、latex等

使用Tips

快速删除空行

Ctrl+H在替换窗口勾选正则表达式按钮，在第一个文本框输入^\s*(?=\r?$)\n,选择全部替换即可。

image.png
image.png

自定义snippets

参考：https://code.visualstudio.com/docs/editor/userdefinedsnippets#_assign-keybindings-to-snippetsopen in new window

  1. 打开snippets配置 image.png

选择要设置snippet的语言，然后添加snippet

样例：

"Print to console": {
	"prefix": "log",
	"body": [
		"console.log('$1');",
		"$2"
	],
	"description": "Log output to console"
}
  1. 为snippet设置快捷键
image.png
image.png

添加条目，示例如下：

  {
    "key": "ctrl+k 3",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "langId": "python",
      "name": "# %%"
    }
  }

编辑需要sudo权限的文件

先占有文件，修改完后，再复原

sudo chown kevin2li <path_to_file>
code <path_to_file>
sudo chown root <path_to_file>

终端打开远程目录

 code --folder-uri=vscode-remote://ssh-remote+WS/home/kevin2li/

切换不同Profile

参考: Profiles in Visual Studio Codeopen in new window

背景

vscode有很多设置项、很多扩展,以及很多UI设置项,此功能允许对不同的项目需要进行不同的配置,并实现快速切换,甚至与他人共享设置.

支持的操作:

插件推荐

插件功能
Project Manageropen in new window将多个工程目录归档到一起，方便切换
Quick and Simple Text Selectionopen in new window支持快速选中双引号、单引号、小括号等配对符号内的文本，非常推荐使用！
Bookmarksopen in new window在代码指定位置添加标记，方便在文件不同位置来回跳转
Material Icon Themeopen in new window文件(夹)图标美化
Blockman - Highlight Nested Code Blocksopen in new window代码块加边框，使代码更加清晰易读
Color Highlightopen in new window将16进制颜色代码高亮显示，方便查看其具体颜色
Git Graphopen in new window将git提交历史可视化展示
Gitlensopen in new windowgit仓库管理工具
Peacockopen in new window修改vscode窗口颜色,当同时打开多个不同的vscode窗口时更方便区分
Better Alignopen in new window代码对齐
Rainbow CSV将csv文件每列设置不同的颜色，方便查看
Tabnine基于AI的代码智能补全插件，非常推荐！
Todo Tree将代码中的todo、fixme的记号高亮显示
Database Client连接数据库工具，支持mysql、mongodb等多种数据库
LeetCode算法刷题插件

Cheetsheet