vscode提升使用体验（设置 | 插件 | 快捷键）

vscode提升使用体验（设置 | 插件 | 快捷键）

---

---

一、基础设置

1.1 通用设置

一、进入设置

二、打开json文件设置

三、输入以下代码片段

{
  "files.autoSave": "afterDelay",
  "files.autoGuessEncoding": true,
  "workbench.list.smoothScrolling": true,
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.smoothScrolling": true,
  "editor.cursorBlinking": "smooth",
  "editor.mouseWheelZoom": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.formatOnSave": true,
  "editor.wordWrap": "on",
  "editor.guides.bracketPairs": true,
  //"editor.bracketPairColorization.enabled": true, (此设置vscode在较新版本已默认开启)
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "editor.acceptSuggestionOnEnter": "smart",
  "editor.suggestSelection": "recentlyUsed",
  "window.dialogStyle": "custom",
  "debug.showBreakpointsInOverviewRuler": true,
}

代码段解析

files.autoSave: "afterDelay"
启用自动保存功能，但会在一定的延迟后保存文件，以避免频繁写入磁盘

files.autoGuessEncoding: true
当打开文件时，VSCode会尝试自动猜测文件的编码，并据此显示文件内容

workbench.list.smoothScrolling: true
启用侧边栏和工作区列表的平滑滚动效果

editor.cursorSmoothCaretAnimation: "on"
启用编辑器中光标（插入点）的平滑移动动画

editor.smoothScrolling: true
启用编辑器内容的平滑滚动效果

editor.cursorBlinking: "smooth"`
设置光标为平滑闪烁模式，而不是默认的硬切换闪烁

editor.mouseWheelZoom: true
允许使用鼠标滚轮调整编辑器中文字的缩放级别

editor.formatOnPaste: true
当粘贴内容时，自动格式化粘贴的内容

editor.formatOnType: true
在键入时自动格式化代码，有助于保持代码整洁

editor.formatOnSave: true
在保存文件时自动格式化文件

editor.wordWrap: "on"`
启用自动换行功能，使长行文本在编辑器中自动换行显示

editor.guides.bracketPairs: true
显示成对的括号、方括号和花括号的引导线，帮助识别匹配的括号对

"editor.bracketPairColorization.enabled": true（注释中提及，但已默认开启）
启用括号对的颜色化，以区分嵌套的括号。注意：在较新版本的VSCode中，此设置可能已默认启用，无需手动配置

editor.suggest.snippetsPreventQuickSuggestions: false
当触发代码片段时，不阻止快速建议的显示

editor.acceptSuggestionOnEnter: "smart"`
在智能模式下，使用Enter键接受建议。如果建议是一个代码片段，并且光标位于其末尾，则Enter会正常插入换行符；否则，它会接受建议

editor.suggestSelection: "recentlyUsed"`
更改建议列表的默认选择行为，使其首先显示最近使用的建议

window.dialogStyle: "custom"`
更改VSCode对话框的样式为自定义样式（如果可用）

debug.showBreakpointsInOverviewRuler: true
在编辑器的概览标尺（overview ruler）上显示断点标记，便于快速识别哪些行包含断点

1.2 字体大小

1.3 主题颜色

二、插件

2.1 文字切换插件

Chinese (Simplified) (简体中文)

2.2 错误提示

Error Lens

2.3 图标主题

Material Icon Theme

效果

2.4 路径补全

Path Intellisense

2.5 图像预览

Image preview

2.6 代码截图

CodeSnap

2.7 代码格式化

Prettier - Code formatter

2.8 文件编码转化

GBK to UTF8 for vscode

2.9 查看文件的hex或UTF-8编码

Hex Editor

2.10 文档生成器

Doxygen Documentation Generator

2.11 像IDEA的退格键

Hungry Delete

2.12 快速运行项目

Live Server

三、快捷键

3.1 文件操作

作用	快捷键
新建文件	Ctrl + N
打开文件	Ctrl + O
保存文件	Ctrl + S
另存为	Ctrl + Shift + S
关闭文件	Ctrl + F4
关闭所有文件	Ctrl + K, Ctrl + W
快速打开	Ctrl + P，用于快速打开文件、跳转到某个行号或搜索项目内容

3.2 编辑操作

作用	快捷键
复制	Ctrl + C
剪切	Ctrl + X
粘贴	Ctrl + V
全选	：Ctrl + A
删除当前行	Ctrl + Shift + K
注释/取消注释当前行	Ctrl + /
向上/向下移动行	Alt + ↑ / ↓
向上/向下复制行	Shift + Alt + ↑ / ↓
在上方/下方插入新行	Ctrl + Shift + Enter / Ctrl + Enter
选择当前行	Ctrl + I
选择所有出现在当前选中的词汇/行	Ctrl + Shift + L / Ctrl + F2
多行光标（多光标）	Ctrl + Alt + 方向键（上下左右），可以在编辑器中同时插入多个光标，便于同时编辑多行代码。
扩展/缩小选区	Shift + Alt + ← / →
格式化代码	Shift + Alt + F
多行代码前移/后移	Ctrl + [ / ]

3.3 光标和选择操作

作用	快捷键
移动光标	使用方向键或使用鼠标点击
选中文本	按住Shift + 方向键或使用鼠标拖拽
光标跳转到行首/行尾	Home / End
光标跳转到文件开始/末尾	Ctrl + Home / Ctrl + End

3.4 编辑器操作

作用	快捷键
切换侧边栏	Ctrl + B
切换终端	Ctrl + `` （反引号）
切换全屏	F11
放大/缩小字体	Ctrl + + / Ctrl + -
恢复默认字体大小	Ctrl + 0
编辑器组管理	Ctrl + 1/2/3 切换焦点在不同的编辑器组，Ctrl + Shift + PgUp/PgDown 切换标签页的位置

3.5 调试操作

作用	快捷键
启动/停止调试	F5
继续	F5（在调试过程中）
单步执行	F10
单步进入	F11
单步跳过	Shift + F11
停止调试	Shift + F5
查找下一个/上一个错误或警告	F8 / Shift + F8

3.6 其他常用快捷键

作用	快捷键
显示命令面板	Ctrl + Shift + P 或 F1，用于快速访问VS Code的各种命令。
查找	Ctrl + F
查找并替换	Ctrl + H
查找下一个/上一个匹配项	F3 / Shift + F3
跳转到定义	F12
显示所有符号	Ctrl + T
复制当前打开文件的存放路径	Ctrl + P 然后输入 > 后接 copy 命令
打开当前编辑文件存放位置	Ctrl + R

原文地址：https://blog.csdn.net/m0_58878709/article/details/142419810

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！