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 | 滚动到顶部 / 底部 |