VS Code 常用快捷键

(一)注释相关

  • 单行注释:可通过 [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 的默认代码风格?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值