VSCode编辑器的使用教程

一、 VSCode安装

  • 安装时建议安装稳定版本,因为测试版本存在安全隐患;
  • 安装过程中推荐默认安装方式,并且推荐勾选所有选项,使用起来也更加得心应手(通过使用code .命令可以在命令行中通过VSCode打开当前文件夹,推荐在Mac、Linux系统中使用)

二、彻底卸载VSCode

  • Windows下:使用360或腾讯电脑管家卸载VSCode之后,进入C:/users/[用户名]/目录下删除.vscode文件夹,之后在C:/users/[用户名]/AppData/Roaming/目录下删除Code文件夹即可彻底卸载;
  • Mac、Linux下:通过使用系统自带的软件管理器卸载VSCode后,需要在家目录下删除.vscode文件夹:rm ~/.vscode即可彻底卸载

三、 VSCode主题风格

  • Ayu插件和Material Theme插件有不错的主题风格

四、常见扩展安装与快捷键介绍

常用插件如下:

  • Markdown插件:
  • Markdown preview Enhanced Markdown预览
  • 统计工作时间的插件:
  • WakaTime记录工作数据表,统计写代码的时间
  • Vue插件:
  • Vetur一个好用的Vue.js开发插件
  • 其他插件:
  • Code Runner 支持多种语言代码的立即执行
  • Code Spell Checker 用于检测代码语法
  • VS Color Picker 选择颜色
  • vscode-fileheader 设置文件头

常用快捷键如下:

快捷键组合

功能

编译器窗口

ctrl+shift+p / f1

显示命令面板

ctrl+p

快速打开

ctrl+shift+n

新建窗口 / 实例

ctrl+shift+w

关闭窗口 / 实例

基础编辑

ctrl+x

剪切

ctrl+c

复制

alt+↑ / ↓

向上或向下移动行

ctrl+shift+k

删除行

ctrl+enter

在下面插入行

ctrl+shift+enter

在上方插入行

ctrl+shift+\

跳到匹配的括号处

选中 + ctrl+[ / ]

调整代码块缩进

Home

转到行首

End

转到行尾

ctrl+Home

转到文件开头

ctrl+End

转到文件结尾

ctrl+↑ / ↓

向上 / 向下滚动行

alt+PgUp / PgDown

向上 / 向下滚动页面

ctrl+shift+[ / ]

折叠 / 展开区域

ctrl+k ctrl+[ / ]

折叠 / 展开子区域

ctrl+k ctrl+o

折叠所有区域

ctrl+k ctrl+j

展开所有区域

ctrl+k ctrl+c

添加行注释

ctrl+k ctrl+u

删除行注释

ctrl+/

切换行注释

shift+alt+a

切换块注释

alt+z

切换换行

导航

ctrl+t

显示所有符号

ctrl+g

转到行…

ctrl+p

转到文件…

ctrl+shift+o

转到符号…

ctrl+shift+m

显示问题面板

f8

转到下一个错误或警告

shift+f8

转到上一个错误或警告

ctrl+shift+tab

导航编辑器组历史记录

alt+← / →

返回 / 前进

ctrl+m

切换选项卡移动焦点

搜索和替换

ctrl+f

查找

ctrl+h

替换

f3 / shift+f3

查找上一个 / 下一个

alt+enter

选择查找匹配的所有出现

ctrl+d

将选择添加到下一个查找匹配

ctrl+k ctrl+d

将最后一个选择移至下一个查找匹配项

alt+c / r / w

切换区分大小写 / 正则表达式 / 整个词

多光标和选择

alt+点击

插入多个光标

ctrl+alt+↑ / ↓

在上 / 下插入光标

ctrl+u

撤销上一个光标操作

shift+alt+i

在选定的每一行的末尾插入光标

ctrl+i

选择当前行

ctrl+shift+l

选择当前选中的全部出现

ctrl+f2

选择当前字的所有出现

shift+alt+→

展开选择

shift+alt+←

缩小选择

shift+alt+拖动鼠标

列(框)选择

ctrl+shift+alt+箭头键

列(框)选择

ctrl+shift+alt+PgUp / PgDown

列(框)选择页上 / 下

语言编辑

ctrl+空格

触发建议

ctrl+shift+空格

触发参数提示

tab

emmet展开缩写

shift+alt+f

格式化文档

ctrl+k ctrl+f

格式选定区域

f12

转到定义

alt+f12

peek定义

ctrl+k f12

打开定义到侧边

f2

重命名

ctrl+, / .

替换为上一个 / 下一个值

ctrl+k ctrl+x

修剪尾随空格

ctrl+k m

更改文件语言

编辑器管理

ctrl+f4,ctrl+w

关闭编辑器

ctrl+k f

关闭文件夹

ctrl+\

拆分编辑器

ctrl+1 / 2 / 3

ctrl+k ctrl+← / →

聚焦到上一个 / 下一个编辑器组

ctrl+shift+PgUp / PgDown

向左 / 向右移动编辑器

ctrl+k ← / →

移动活动编辑器组

文件管理

ctrl+n

新建文件

ctrl+o

打开文件…

ctrl+s

保存文件

ctrl+shift+s

另存为…

ctrl+k s

全部保存

ctrl+f4

关闭

ctrl+k ctrl+w

关闭所有

ctrl+shift+t

重新打开关闭的编辑器

ctrl+k

输入保持打开

ctrl+tab

打开下一个

ctrl+shift+tab

打开上一个

ctrl+k p

复制活动文件路径

ctrl+k r

显示资源管理器中的活动文件

ctrl+k o

显示新窗口中的活动文件

显示

f11

切换全屏

shift+alt+1

切换编辑器布局

ctrl+ + / -

放大 / 缩小

ctrl+b

切换侧边栏可见性

ctrl+shift+e

显示浏览器 / 切换焦点

ctrl+shift+f

显示搜索

ctrl+shift+g

显示Git

ctrl+shift+d

显示调试

ctrl+shift+x

显示扩展

ctrl+shift+h

替换文件

ctrl+shift+j

切换搜索详细信息

ctrl+shift+c

打开新命令提示符 / 终端

ctrl+shift+u

显示输出面板

ctrl+shift+v

切换MarkDown预览

Ctrl+k v

从旁边打开MarkDown预览

调试

f9

切换断点

f5

开始 / 继续

shift+f5

停止

f11 / shift+f11

下一步 / 上一步

f10

跳过

ctrl+k ctrl+i

显示悬停

集成终端

ctrl+`

显示集成终端

ctrl+shift+`

创建新终端

ctrl+shift+c

复制选定

ctrl+shift+v

粘贴到活动端子

ctrl+↑ / ↓

向上 / 向下滚动

shift+PgUp / PgDown

向上 / 向下滚动画面

ctrl+Home / End

滚动到顶部 / 底部