VS Code 的常用快捷键和插件

一、vs code 的常用快捷键

1、注释:

a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/

b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u)

c) 多行注释:[alt+shift+A]

d) 多行注释:/**

2、移动行:alt+up/down

3、显示/隐藏左侧目录栏 ctrl + b

4、复制当前行:shift + alt +up/down

5、删除当前行:shift + ctrl + k

6、控制台终端显示与隐藏:ctrl + ~

7、查找文件/安装vs code 插件地址:ctrl + p

8、代码格式化:shift + alt +f

9、新建一个窗口 : ctrl + shift + n

10、行增加缩进: ctrl + [

11、行减少缩进: ctrl + ]

12、裁剪尾随空格(去掉一行的末尾那些没用的空格) : ctrl + shift + x

13、字体放大/缩小: ctrl + ( + 或 - )

14、拆分编辑器 : ctrl + 1/2/3

15、切换窗口 : ctrl + shift + left/right

16、关闭编辑器窗口 : ctrl + w

17、关闭所有窗口 : ctrl + k + w

18、切换全屏 : F11

19、自动换行 : alt + z

20、显示git : ctrl + shift + g

21、全局查找文件:ctrl + shift + f

22、显示相关插件的命令(如:git log):ctrl + shift + p

23、选中文字:shift + left / right / up / down

24、折叠代码: ctrl + k + 0-9 (0是完全折叠)

25、展开代码: ctrl + k + j (完全展开代码)

26、删除行 : ctrl + shift + k

27、快速切换主题:ctrl + k / ctrl + t

28、快速回到顶部 : ctrl + home

29、快速回到底部 : ctrl + end

30、格式化选定代码 :ctrl + k / ctrl +f

#二、vs code 的常用插件

1、Auto Rename Tag 修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。

2、Auto Close Tag 自动闭合HTML标签

4、Beautiful 格式化代码的工具

5、Dash Dash是MacOS的API文档浏览器和代码段管理器

6、Ejs Snippets ejs 代码提示

7、ESLint 检查javascript语法错误与提示

8、File Navigator 快速查找文件

9、Git History(git log) 查看git log

10、Gulp Snippets 写gulp时用到,gulp语法提示。

11、HTML CSS Support 在HTML标签上写class智能提示当前项目所支持的样式

12、HTML Snippets 超级好用且初级的H5代码片段以及提示

13、Debug for Chrome 让vs code映射chrome的debug功能,静态页面都可以用vscode来打断点调试、配饰稍微复杂一点

14、Document this Js的注释模板

15、jQuery Code Snippets jquery提示工具

16、Html2jade html模板转pug模板

17、JS-CSS-HTML Formatter 格式化

18、Npm intellisense require 时的包提示工具

19、Open in browser 打开默认浏览器

20、One Dark Theme 一个vs code的主题

21、Path Intellisense 自动路径补全、默认不带这个功能

22、Project Manager 多个项目之间快速切换的工具

23、Pug(Jade) snippets pug语法提示

24、React Components 根据文件名创建反应组件代码。

25、React Native Tools reactNative工具类为React Native项目提供了开发环境。

26、Stylelint css/sass代码审查

27、Typings auto installer 安装vscode 的代码提示依赖库,基于typtings的

28、View In Browser  默认浏览器查看HTML文件(快捷键Ctrl+F1可以修改)

29、Vscode-icons 让vscode资源目录加上图标、必备

30、VueHelper Vue2代码段(包括Vue2 api、vue-router2、vuex2)

31、Vue 2 Snippets vue必备vue代码提示

32、Vue-color vue语法高亮主题

33、Auto-Open Markdown Preview markdown文件自动开启预览

34、EverMonkey 印象笔记

35、atom one dark atom的一个高亮主题(个人推荐)

#三、常用的电脑快捷键

1、ctrl + shift + delete 快速清除浏览器缓存

2、ctrl + alt + delete 快速进入任务管理器页面

3、window + L 快速锁定电脑

4、window + d 所有窗口最小化

5、 window + e 打开我的资源管理器(我的电脑)

6、 window + f 快速打开搜索窗口

7、 alt + tab 快速查看打开的应用与窗口

#VS Code 快捷键(中英文对照版)

常用 General

按 Press 功能 Function
Ctrl + Shift + P,F1 显示命令面板 Show Command Palette
Ctrl + P 快速打开 Quick Open
Ctrl + Shift + N 新窗口/实例 New window/instance
Ctrl + Shift + W 关闭窗口/实例 Close window/instance

基础编辑 Basic editing

按 Press 功能 Function
Ctrl+X 剪切行(空选定) Cut line (empty selection)
Ctrl+C 复制行(空选定) Copy line (empty selection)

Alt+ ↑ / ↓ 向上/向下移动行 Move line up/down

Shift+Alt + ↓ / ↑ 向上/向下复制行 Copy line up/down

Ctrl+Shift+K 删除行 Delete line

Ctrl+Enter 在下面插入行 Insert line below

Ctrl+Shift+Enter 在上面插入行 Insert line above

Ctrl+Shift+\ 跳到匹配的括号 Jump to matching bracket

Ctrl+] / [ 缩进/缩进行 Indent/outdent line

Home 转到行首 Go to beginning of line

End 转到行尾 Go to end of line

Ctrl+Home 转到文件开头 Go to beginning of file

Ctrl+End 转到文件末尾 Go to end of file

Ctrl+↑ / ↓ 向上/向下滚动行 Scroll line up/down

Alt+PgUp / PgDown 向上/向下滚动页面 Scroll page up/down

Ctrl+Shift+[ 折叠(折叠)区域 Fold (collapse) region

Ctrl+Shift+] 展开(未折叠)区域 Unfold (uncollapse) region

Ctrl+K Ctrl+[ 折叠(未折叠)所有子区域 Fold (collapse) all subregions

Ctrl+K Ctrl+] 展开(未折叠)所有子区域 Unfold (uncollapse) all subregions

Ctrl+K Ctrl+0 折叠(折叠)所有区域 Fold (collapse) all regions

Ctrl+K Ctrl+J 展开(未折叠)所有区域 Unfold (uncollapse) all regions

Ctrl+K Ctrl+C 添加行注释 Add line comment

Ctrl+K Ctrl+U 删除行注释 Remove line comment

Ctrl+/ 切换行注释 Toggle line comment

Shift+Alt+A 切换块注释 Toggle block comment

Alt+Z 切换换行 Toggle word wrap

导航 Navigation

按 Press 功能 Function

Ctrl + T 显示所有符号 Show all Symbols

Ctrl + G 转到行... Go to Line...

Ctrl + P 转到文件... Go to File...

Ctrl + Shift + O 转到符号... Go to Symbol...

Ctrl + Shift + M 显示问题面板 Show Problems panel

F8 转到下一个错误或警告 Go to next error or warning

Shift + F8 转到上一个错误或警告 Go to previous error or warning

Ctrl + Shift + Tab 导航编辑器组历史记录 Navigate editor group history

Alt + ←/→ 返回/前进 Go back / forward

Ctrl + M 切换选项卡移动焦点 Toggle Tab moves focus

搜索和替换 Search and replace

按 Press 功能 Function

Ctrl + F 查找 Find

Ctrl + H 替换 Replace

F3 / Shift + F3 查找下一个/上一个 Find next/previous

Alt + Enter 选择查找匹配的所有出现 Select all occurences of Find match

Ctrl + D 将选择添加到下一个查找匹配 Add selection to next Find match

Ctrl + K Ctrl + D 将最后一个选择移至下一个查找匹配项 Move last selection to next Find match

Alt + C / R / W 切换区分大小写/正则表达式/整个词 Toggle case-sensitive / regex / whole word

多光标和选择 Multi-cursor and selection

按 Press 功能 Function

Alt +单击 插入光标 Insert cursor

Ctrl + Alt +↑/↓ 在上/下插入光标 Insert cursor above / below

Ctrl + U 撤消上一个光标操作 Undo last cursor operation

Shift + Alt + I 在选定的每一行的末尾插入光标 Insert cursor at end of each line selected

Ctrl + I 选择当前行 Select current line

Ctrl + Shift + L 选择当前选择的所有出现 Select all occurrences of current selection

Ctrl + F2 选择当前字的所有出现 Select all occurrences of current word

Shift + Alt + → 展开选择 Expand selection

Shift + Alt + ← 缩小选择 Shrink selection

Shift + Alt + (拖动鼠标) 列(框)选择 Column (box) selection

Ctrl + Shift + Alt +(箭头键) 列(框)选择 Column (box) selection

Ctrl + Shift + Alt + PgUp / PgDown 列(框)选择页上/下 Column (box) selection page up/down

丰富的语言编辑 Rich languages editing

按 Press 功能 Function

Ctrl + 空格 触发建议 Trigger suggestion

Ctrl + Shift + Space 触发器参数提示 Trigger parameter hints

Tab Emmet 展开缩写 Emmet expand abbreviation

Shift + Alt + F 格式化文档 Format document

Ctrl + K Ctrl + F 格式选定区域 Format selection

F12 转到定义 Go to Definition

Alt + F12 Peek定义 Peek Definition

Ctrl + K F12 打开定义到边 Open Definition to the side

Ctrl + . 快速解决 Quick Fix

Shift + F12 显示引用 Show References

F2 重命名符号 Rename Symbol

Ctrl + Shift + . /, 替换为下一个/上一个值 Replace with next/previous value

Ctrl + K Ctrl + X 修剪尾随空格 Trim trailing whitespace

Ctrl + K M 更改文件语言 Change file language

编辑器管理 Editor management

按 Press 功能 Function

Ctrl+F4, Ctrl+W 关闭编辑器 Close editor

Ctrl+K F 关闭文件夹 Close folder

Ctrl+\ 拆分编辑器 Split editor

Ctrl+ 1 / 2 / 3 聚焦到第1,第2或第3编辑器组 Focus into 1st, 2nd or 3rd editor group

Ctrl+K Ctrl+ ←/→ 聚焦到上一个/下一个编辑器组 Focus into previous/next editor group

Ctrl+Shift+PgUp / PgDown 向左/向右移动编辑器 Move editor left/right

Ctrl+K ← / → 移动活动编辑器组 Move active editor group

文件管理 File management

按 Press 功能 Function

Ctrl+N 新文件 New File

Ctrl+O 打开文件... Open File...

Ctrl+S 保存 Save

Ctrl+Shift+S 另存为... Save As...

Ctrl+K S 全部保存 Save All

Ctrl+F4 关闭 Close

Ctrl+K Ctrl+W 关闭所有 Close All

Ctrl+Shift+T 重新打开关闭的编辑器 Reopen closed editor

Ctrl+K 输入保持打开 Enter Keep Open

Ctrl+Tab 打开下一个 Open next

Ctrl+Shift+Tab 打开上一个 Open previous

Ctrl+K P 复制活动文件的路径 Copy path of active file

Ctrl+K R 显示资源管理器中的活动文件 Reveal active file in Explorer

Ctrl+K O 显示新窗口/实例中的活动文件 Show active file in new window/instance

显示 Display

按 Press 功能 Function

F11 切换全屏 Toggle full screen

Shift+Alt+1 切换编辑器布局 Toggle editor layout

Ctrl+ = / - 放大/缩小 Zoom in/out

Ctrl+B 切换侧栏可见性 Toggle Sidebar visibility

Ctrl+Shift+E 显示浏览器/切换焦点 Show Explorer / Toggle focus

Ctrl+Shift+F 显示搜索 Show Search

Ctrl+Shift+G 显示Git Show Git

Ctrl+Shift+D 显示调试 Show Debug

Ctrl+Shift+X 显示扩展 Show Extensions

Ctrl+Shift+H 替换文件 Replace in files

Ctrl+Shift+J 切换搜索详细信息 Toggle Search details

Ctrl+Shift+C 打开新命令提示符/终端 Open new command prompt/terminal

Ctrl+Shift+U 显示输出面板 Show Output panel

Ctrl+Shift+V 切换Markdown预览 Toggle Markdown preview

Ctrl+K V 从旁边打开Markdown预览 Open Markdown preview to the side

调试 Debug

按 Press 功能 Function

F9 切换断点 Toggle breakpoint

F5 开始/继续 Start/Continue

Shift+F5 停止 Stop

F11 / Shift+F11 下一步/上一步 Step into/out F10 跳过 Step over

Ctrl+K Ctrl+I 显示悬停 Show hover

集成终端 Integrated terminal

按 Press 功能 Function

Ctrl+` 显示集成终端 Show integrated terminal

Ctrl+Shift+` 创建新终端 Create new terminal

Ctrl+Shift+C 复制选定 Copy selection

Ctrl+Shift+V 粘贴到活动端子 Paste into active terminal

Ctrl+↑ / ↓ 向上/向下滚动 Scroll up/down

Shift+PgUp / PgDown 向上/向下滚动页面 Scroll page up/down

Ctrl+Home / End 滚动到顶部/底部 Scroll to top/bottom

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,348评论 6 491
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,122评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,936评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,427评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,467评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,785评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,931评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,696评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,141评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,483评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,625评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,291评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,892评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,741评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,977评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,324评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,492评论 2 348

推荐阅读更多精彩内容