Skip to content

VS Code 相关技巧

官网下载:链接

VS Code 是一款轻量的代码编辑器,且通过插件支持可以提供强大的功能扩展

官方快捷键文档 WIN EN PDF

官方快捷键文档 MAC EN PDF

官方快捷键文档 Linux EN PDF

相关技巧 ​

快捷键 ​

功能快捷键
查找文件Ctrl + P
内容查找Ctrl + F
全局内容查找Shift + Ctrl + F
内容替换Ctrl + H
全局内容替换Shift + Ctrl + H
内容注释Ctrl + /
命令面板Ctrl + Shift + P
删除当前行Ctrl + Shift + K
代码格式化Shift + Alt + F
代码上下移动Alt + Up/Down
复制一行代码Shift + Alt + UP/Down
删除左边内容Ctrl + Backspace
删除右边内容Ctrl + Delete
快速选中内容Ctrl + Shift + Lift/Right

注:Shift + Ctrl + F 会和微软拼音输入法快捷键冲突

  1. 右下角输入法切换按钮右键打开面板
  2. 设置 > 按键 > 简体/繁体中文输入切换 进行关闭

自动格式化 ​

  1. 打开设置
  2. 搜索 editor.formatOnSave
  3. 勾选保存时格式化
  4. 打开设置
  5. 搜索 editor.defaultFormatter
  6. 选择格式化程序 推荐安装使用 Prettier 插件 Prettier

隐藏文件 ​

  1. 打开设置
  2. 搜索 files.exclude
  3. 添加规则

例:以下规则可以排除所有 . 开头的文件

  **/.*

Toggle Excluded Files 该插件可以快速切换显隐


变量重命名 ​

选中变量,按 F2


多光标 ​

多光标可以在多个位置同时进行输入

  1. 按住 Alt 鼠标左键点击添加光标
  2. 选中变量,按 Ctrl + D
  3. 按住 Ctrl + Shift + Alt 点击上下方向键

块选择 ​

可以以方形选区的方式选取内容 按住 Shift + Alt 鼠标左键点击拖拽选取


自动删除行尾空格 ​

  1. 打开设置
  2. 搜索 files.trim trailing whitespace
  3. 开启相应设置

光标动画 ​

默认的光标是无动画直接跳转的,可通过设置开启光标动画,让光标线性的运动

  1. 打开设置
  2. 搜索 editor.cursor smooth caret animation
  3. 开启相应设置

自动保存 ​

默认情况下需要 Ctrl + S 手动保存

通过左上角 文件 > 自动保存 可以开启实时的自动保存


全屏模式 ​

可以将代码窗口全屏显示,减少额外干扰

先按下 Ctrl + Z 再按下 Z 进入全屏模式

按两下 Esc 退出全屏模式


折叠 ​

先按下 Ctrl + K 再按下 Ctrl + 0 折叠全部代码块

先按下 Ctrl + K 再按下 Ctrl + j 展开全部代码块

先按下 Ctrl + K 再按下 Ctrl + [ 折叠当前代码块

先按下 Ctrl + K 再按下 Ctrl + ] 展开当前代码块


Markdown 预览 ​

直接打开预览 Ctrl+Shift+V

新开页面预览 先按下 Ctrl + K 再按下 V 展开当前代码块

或是右键菜单找到 MPE:打开侧边预览

VS Code 提供了基础的 Markdown 预览功能,想要更强大的 Markdown 支持可以安装 Markdown All in One 和 Markdown Preview Enhanced 插件


禁用预览 ​

VS Code 打开新的文件页时,如果旧文件页没有进行过编辑会被覆盖,会造成标签页管理混乱因此最好禁用

  1. 打开设置
  2. 搜索 workbench.editor.enable preview
  3. 进行关闭

字体连字 ​

例如JetBrains Mono等字体可以提供部分符号连接的功能,从而在编程时让一些内容变的更加的整洁

  1. 打开设置
  2. 搜索 editor.font family
  3. 在其中添加 JetBrains Mono 如 JetBrains Mono, Consolas, 'Courier New', monospace
  4. 搜索 editor.font ligatures
  5. 点击 在 settings.json 中编辑
  6. 将 editor.fontLigatures 设置为 true

自动高亮 ​

VS Code 默认会自动高亮光标放置的变量,但是容易与真正的选区产生阅读干扰,关闭方法如下

  1. 打开设置
  2. 搜索 editor.occurrences highlight
  3. 进行设置

插件推荐 ​

项目管理 ​

Project Manager 该插件可以进行项目文件夹的快速切换和开启


GitHub 仓库浏览 ​

GitHub Repositories 可以快速的对 GitHub 仓库进行浏览,无需对项目进行克隆


远程连接 ​

Remote - SSH 可以远程连接服务器,或设备进行开发,进行代码编辑,终端控制,文件浏览,文件传输等等


中文翻译 ​

Chinese Language Pack 对 VS code 进行汉化


Docker ​

Docker 可视化的进行 Docker 镜像容器等进行管理

Tuclink - Old Page