跳转到内容

VS Code

一、VS Code 快捷键

1. 注释与格式

功能快捷键
单行注释Ctrl + / 或 Ctrl + K, Ctrl + C
取消单行注释Ctrl + K, Ctrl + U
多行注释Alt + Shift + A 或 /** 自动补全
格式化代码Shift + Alt + F
格式化选中代码Ctrl + K, Ctrl + F
裁剪尾随空格Ctrl + Shift + X

2. 编辑与操作

功能快捷键
移动行Alt + ↑ / ↓
复制当前行Shift + Alt + ↑ / ↓
删除当前行Ctrl + Shift + K
增加缩进Ctrl + ]
减少缩进Ctrl + [
多光标编辑Ctrl + Alt + ↑ / ↓
选中文字Shift + 方向键
选中代码块Shift + 鼠标左键
全局替换Ctrl + Shift + H
当前文件替换Ctrl + H
跳至顶部/底部Ctrl + Home / Ctrl + End

3. 窗口与布局

功能快捷键
显示/隐藏侧边栏Ctrl + B
新建窗口Ctrl + Shift + N
关闭当前窗口Ctrl + W
关闭所有窗口Ctrl + K, W
切换窗口Ctrl + Shift + ← / →
拆分编辑器Ctrl + 1 / 2 / 3
切换全屏F11
自动换行Alt + Z

4. 查找与导航

功能快捷键
快速打开文件Ctrl + P
全局查找文件内容Ctrl + Shift + F
打开最近的文件Ctrl + R
查找并打开命令Ctrl + Shift + P
切换主题Ctrl + K, Ctrl + T

5. 终端与 Git

功能快捷键
显示/隐藏终端Ctrl + ~
显示 Git 面板Ctrl + Shift + G
打开命令行窗口Ctrl + Shift + C

二、推荐插件列表

✨ 开发辅助

插件名称功能说明
Auto Rename Tag修改标签时自动同步闭合标签
Auto Close Tag自动补全 HTML 标签
Path Intellisense路径智能补全
Npm Intellisenserequire() 自动提示模块
Project Manager多项目快速切换
Typings Auto Installer自动安装类型声明

🎨 格式化与美化

插件名称功能说明
Prettier / JS-CSS-HTML Formatter代码格式化工具
Beautify快速格式化 HTML/CSS/JS
StylelintCSS/SASS 风格检查
One Dark Theme / Atom One Dark主题美化
Vscode-icons资源目录图标增强

📚 提示与片段

插件名称功能说明
HTML/CSS/JS Snippets常用代码片段提示
Vue 2 Snippets / VueHelper / Vue-colorVue 开发增强
React Components / React Native ToolsReact/React Native 开发
EJS / Pug / Gulp Snippets模板和构建工具片段提示
jQuery SnippetsjQuery 自动补全
Document ThisJS 注释模板生成

🧰 调试与工具

插件名称功能说明
Debug for Chrome使用 Chrome 进行调试
Git History查看 Git 提交记录
Open in Browser / View in Browser浏览器中打开页面
HTML2JadeHTML 转 Pug 模板
Dash (macOS)离线文档与代码段管理
Auto-Open Markdown Preview自动预览 Markdown
EverMonkey集成印象笔记

三、常用系统快捷键(Windows)

功能快捷键
清除浏览器缓存Ctrl + Shift + Delete
打开任务管理器Ctrl + Alt + Delete
锁定电脑Windows + L
显示桌面Windows + D
打开文件管理器Windows + E
搜索Windows + F
切换窗口Alt + Tab