(一)注释相关
- 单行注释:可通过
[ctrl+k,ctrl+c]
组合键或直接按ctrl+/
实现。 - 取消单行注释:按下
ctrl
不放,再按k + u
,即[ctrl+k,ctrl+u]
。 - 多行注释:使用
[alt+shift+A]
组合键,也可输入/**
(但后续可能需手动完善注释格式)。
(二)代码编辑操作
- 移动行:通过
alt+up/down
组合键可将当前行向上或向下移动。 - 复制当前行:使用
shift + alt +up/down
组合键可实现向上或向下复制当前行。 - 删除当前行:按
shift + ctrl + k
组合键可删除当前行。 - 行增加缩进:按
ctrl + [
组合键。 - 行减少缩进:按
ctrl + ]
组合键。 - 裁剪尾随空格:按
ctrl + shift + x
组合键可去掉一行末尾无用的空格。
(三)界面操作
- 显示 / 隐藏左侧目录栏:按
ctrl + b
组合键。 - 控制台终端显示与隐藏:按
ctrl + ~
组合键。 - 拆分编辑器:按
ctrl + 1/2/3
组合键可进行不同方式的拆分。 - 切换窗口:通过
ctrl + shift + left/right
组合键可在不同窗口间切换。 - 关闭编辑器窗口:按
ctrl + w
组合键。 - 关闭所有窗口:按
ctrl + k + w
组合键。 - 切换全屏:按
F11
键可实现切换到全屏模式。 - 自动换行:按
alt + z
键可设置自动换行功能。
(四)查找与替换相关
- 查找文件 / 安装 VS Code 插件地址:按
ctrl + p
组合键。 - 全局查找文件:按
ctrl + shift + f
组合键。 - 全局替换:按
ctrl + shift + h
组合键。 - 当前文件替换:按
ctrl + h
组合键。
(五)其他操作
- 代码格式化:按
shift + alt +f
组合键可对整个代码进行格式化。 - 新建一个窗口:按
ctrl + shift + n
组合键。 - 字体放大 / 缩小:按
ctrl + ( + 或 - )
组合键可调整字体大小。 - 显示 git:按
ctrl + shift + g
组合键。 - 显示相关插件的命令(如:git log):按
ctrl + shift + p
组合键。 - 选中文字:通过
shift + left / right / up / down
组合键可选中相应方向的文字。 - 折叠代码:按
ctrl + k + 0-9
组合键(其中0
是完全折叠)。 - 展开代码:按
ctrl + k + j
组合键可完全展开代码。 - 快速切换主题:按
ctrl + k / ctrl + t
组合键。 - 快速回到顶部:按
ctrl + home
组合键。 - 快速回到底部:按
ctrl + end
组合键。 - 格式化选定代码:按
ctrl + k / ctrl +f
组合键。 - 选中代码:通过
shift + 鼠标左键
可选中代码。 - 多行同时添加内容(光标):按
ctrl + alt + up/down
组合键。 - 打开最近打开的文件:按
ctrl + r
组合键。 - 打开新的命令窗:按
ctrl + shift + c
组合键。
二、VS Code 常用插件
(一)代码编辑辅助类
- Auto Rename Tag:修改 HTML 标签时自动同步修改尾部闭合标签。
- Auto Close Tag:自动闭合 HTML 标签。
- Beautiful:格式化代码的工具。
- Dash:MacOS 的 API 文档浏览器和代码段管理器。
- Ejs Snippets:提供 ejs 代码提示。
- ESLint:检查 JavaScript 语法错误与提示。
- File Navigator:快速查找文件。
- Git History(git log):查看 git log。
- Gulp Snippets:写 gulp 时提供 gulp 语法提示。
- HTML CSS Support:在 HTML 标签上写 class 时智能提示当前项目所支持的样式。
- HTML Snippets:提供超级好用且初级的 H5 代码片段以及提示。
- Debug for Chrome:让 VS Code 映射 chrome 的 debug 功能,可对静态页面打断点调试。
- Document this:Js 的注释模板。
- jQuery Code Snippets:提供 jquery 提示工具。
- Html2jade:将 html 模板转 pug 模板。
- JS-CSS-HTML Formatter:格式化代码。
- Npm intellisense:在 require 时提供包提示工具。
- Open in browser:打开默认浏览器。
- One Dark Theme:VS Code 的一个主题。
- Path Intellisense:自动路径补全(默认不带此功能)。
- Project Manager:多个项目之间快速切换的工具。
- Pug(Jade) snippets:提供 pug 语法提示。
- React Components:根据文件名创建反应组件代码。
- React Native Tools:为 React Native 项目提供开发环境。
- Stylelint:审查 css/sass 代码。
- Typings auto installer:安装 VS Code 的代码提示依赖库(基于 typtings)。
- View In Browser:在默认浏览器查看 HTML 文件(快捷键 Ctrl+F1 可修改)。
- Vscode-icons:让 VS Code 资源目录加上图标。
- VueHelper:提供 Vue2 代码段(包括 Vue2 api、vue-router2、vuex2)。
- Vue 2 Snippets:提供 vue 必备 vue 代码提示。
- Vue-color:提供 vue 语法高亮主题。
- Auto-Open Markdown Preview:自动开启 markdown 文件预览。
(二)笔记及其他类
- EverMonkey:印象笔记。
- atom one dark:atom 的一个高亮主题(个人推荐)。
三、常用的电脑快捷键
- 快速清除浏览器缓存:按
ctrl + shift + delete
组合键。 - 快速进入任务管理器页面:按
ctrl + alt + delete
组合键。 - 快速锁定电脑:按
window + L
组合键。 - 所有窗口最小化:按
window + d
组合键。 - 打开我的资源管理器(我的电脑):按
window + e
组合键。 - 快速打开搜索窗口:按
window + f
组合键。 - 快速查看打开的应用与窗口:按
alt + tab
组合键。
推荐一些好用的 VS Code 插件
常用电脑快捷键大全
怎样设置 VS Code 的默认代码风格?