一、Visual Studio Code简介

  Visual Studio Code是个牛逼的编辑器,启动非常快,完全可以用来代替其他文本文件编辑工具。又可以用来做开发,支持各种语言,相比其他IDE,轻量级完全可配置还集成Git感觉非常的适合前端开发。 所以我仔细研究了一下文档未来可能会作为主力工具使用。

一、主命令框

  Visual Studio Code最重要的功能就是 F1Ctrl+Shift+P打开的命令面板了,在这个命令框里可以执行VSCode的任何一条命令,甚至关闭这个编辑器。
  按一下Backspace会进入到Ctrl+P模式里
  在Ctrl+P下输入>又可以回到Ctrl+Shift+P模式。
  在Ctrl+P窗口下还可以

  1. 直接输入文件名,跳转到文件
  2. ? 列出当前可执行的动作
  3. ! 显示Errors或Warnings,也可以`Ctrl+Shift+M
  4. : 跳转到行数,也可以Ctrl+G直接进入
  5. @ 跳转到symbol(搜索变量或者函数),也可以Ctrl+Shift+O直接进入
  6. @:根据分类跳转symbol,查找属性或函数,也可以Ctrl+Shift+O后输入:进入
  7. # 根据名字查找symbol,也可以Ctrl+T

二、Visual Studio Code常用快捷键

  官方快捷键大全:https://code.visualstudio.com/docs/customization/keybindings

一、编辑器与窗口管理

  1、同时打开多个窗口(查看多个项目)

  1. 打开一个新窗口: Ctrl+Shift+N
  2. 关闭窗口: Ctrl+Shift+W

  2、同时打开多个编辑器(查看多个文件)

  1. 新建文件 Ctrl+N
  2. 文件之间切换 Ctrl+Tab
  3. 切出一个新的编辑器(最多3个)Ctrl+\,也可以按住Ctrl鼠标点击Explorer里的文件名
  4. 左中右3个编辑器的快捷键Ctrl+1Ctrl+2Ctrl+3
  5. 3个编辑器之间循环切换 Ctrl+`
  6. 编辑器换位置,Ctrl+k然后按LeftRight

二、代码编辑

  1、格式调整

  1. 代码行缩进Ctrl+[ Ctrl+]
  2. Ctrl+CCtrl+V如果不选中,默认复制或剪切一整行
  3. 代码格式化:Shift+Alt+F,或Ctrl+Shift+P后输入format code
  4. 上下移动一行: Alt+Up 或 Alt+Down
  5. 向上向下复制一行: Shift+Alt+UpShift+Alt+Down
  6. 在当前行下边插入一行Ctrl+Enter
  7. 在当前行上方插入一行Ctrl+Shift+Enter

  2、光标相关

  1. 移动到行首:Home
  2. 移动到行尾:End
  3. 移动到文件结尾:Ctrl+End
  4. 移动到文件开头:Ctrl+Home
  5. 移动到定义处:F12
  6. 定义处缩略图:只看一眼而不跳转过去Alt+F12
  7. 移动到后半个括号 Ctrl+Shift+]
  8. 选择从光标到行尾Shift+End
  9. 选择从行首到光标处Shift+Home
  10. 删除光标右侧的所有字Ctrl+Delete
  11. Shrink/expand selection: Shift+Alt+LeftShift+Alt+Right
  12. Multi-Cursor:可以连续选择多处,然后一起修改,Alt+Click添加cursor或者Ctrl+Alt+Down 或 Ctrl+Alt+Up
  13. 同时选中所有匹配的Ctrl+Shift+L
  14. Ctrl+D下一个匹配的也被选中(被我自定义成删除当前行了,见下边Ctrl+Shift+K)
  15. 回退上一个光标操作Ctrl+U

  3、重构代码

  1. 找到所有的引用:Shift+F12
  2. 同时修改本文件中所有匹配的:Ctrl+F12
  3. 重命名:比如要修改一个方法名,可以选中后按F2,输入新的名字,回车,会发现所有的文件都修改过了。
  4. 跳转到下一个Error或Warning:当有多个错误时可以按F8逐个跳转
  5. 查看diff 在explorer里选择文件右键 Set file to compare,然后需要对比的文件上右键选择Compare with 'file_name_you_chose'.

  4、查找替换

  1. 查找 Ctrl+F
  2. 查找替换 Ctrl+H
  3. 整个文件夹中查找 Ctrl+Shift+F
  4. 匹配符:
  5. * to match one or more characters in a path segment
  6. ? to match on one character in a path segment
  7. ** to match any number of path segments ,including none
  8. {} to group conditions (e.g. {**/*.html,**/*.txt} matches all html and txt files)
  9. [] to declare a range of characters to match (e.g., example.[0-9] to match on example.0,example.1, …

  5、显示相关

  1. 全屏:F11
  2. zoomIn/zoomOut:Ctrl + =/Ctrl + -
  3. 侧边栏显/隐:Ctrl+B
  4. 侧边栏4大功能显示:
 Show Explorer     Ctrl+Shift+E
Show Search Ctrl+Shift+F
Show Git Ctrl+Shift+G
Show Debug Ctrl+Shift+D

  5.Show Output Ctrl+Shift+U

  6、其他

  • 自动保存:File -> AutoSave ,或者Ctrl+Shift+P,输入 auto

三、修改默认的快捷键

  File -> Preferences -> Keyboard Shortcuts

  修改keybindings.json,我的显示在这里C:\Users\Administrator\AppData\Roaming\Code\User\keybindings.json

 // Place your key bindings in this file to overwrite the defaults
[
//ctrl+space被切换输入法快捷键占用
{
"key": "ctrl+alt+space",
"command": "editor.action.triggerSuggest",
"when": "editorTextFocus"
},
// ctrl+d删除一行
{
"key": "ctrl+d",
"command": "editor.action.deleteLines",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+k", //与删除一行的快捷键互换了:)
"command": "editor.action.addSelectionToNextFindMatch",
"when": "editorFocus"
},
//ctrl+shift+/多行注释
{
"key":"ctrl+shift+/",
"command": "editor.action.blockComment",
"when": "editorTextFocus"
}
]

Visual Studio Code的常用快捷键的更多相关文章

  1. Visual Studio Code之常备快捷键

    官方快捷键大全:https://code.visualstudio.com/docs/customization/keybindings Visual Studio Code是个牛逼的编辑器,启动非常 ...

  2. vscode visual studio code svn 小乌龟 快捷键设置

    首先要安装svn小乌龟 然后安装vs code的svn插件TortoiseSVN for VS Code 文件->首选项->键盘快捷方式->搜索svn->找到相应命令然后设置快 ...

  3. [C++]Microsoft Visual Studio (VS)2010 常用快捷键大全

    VAssistX快捷键 Ctrll+Shift+S   快速查找函数位置  VAssistX提供 Shift+Alt+O     快速查找打开单元  VAssistX提供 Alt+O         ...

  4. Visual Studio Code 折叠代码快捷键

    为了快速阅读不熟悉的代码, 最好可以打开一个文件能先将具体实现折叠起来的,进行一个大概的认识,vscode中有这些折叠快捷键: ctrl+shift+[是折叠 ctrl+k ctrl+0 是折叠全部 ...

  5. Visual Studio Code 编辑器使用

      image.png 之前一直都是用 sublime text 作为开发工具,用久了自然而然会觉得生活无趣,而且当时用sublime text 装了很多插件,有些插件不能用,于是决定试试微软的新产品 ...

  6. Visual Studio Code常用设置

    Visual Studio Code常用设置 • 自动保存设置 ▶ 文件(F) -> 首选项(P) -> 用户设置(U) ▶ 将"files.autoSave": &q ...

  7. visual studio code 快捷键-(转自 浅笑千寻)

    Visual Studio Code之常备快捷键 官方快捷键大全:https://code.visualstudio.com/docs/customization/keybindings Visual ...

  8. Visual Studio Code 快捷键大全(最全)

    Visual Studio Code 是一款优秀的编辑器,对于开发前端带来了很多便利,熟悉快捷键的使用,能够起到事半功倍的作用,提高工作效率.下面就Visual Studio Code常用快捷键的一些 ...

  9. 在Visual Studio Code中配置GO开发环境

    一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github ...

随机推荐

  1. css3整理--transition

    transition语法: transition : [<'transition-property'> || <'transition-duration'> || <'t ...

  2. mui---子页面主动调用父页面的方法

    我们在做APP的时候,很多时候会有这样的功能需求,例如:登录,充值,如果登录成功,或充值成功后,需要更改当前页面以及父页面的状态信息,就会用到在子页面调用父页面的方法来实现:在子页面刷新父页面的功能. ...

  3. 7.5爬取猫眼Top100电影名单

    2018-7-5 20:22:57 还有有一丢丢成就感!以后可以爬取简单网站了!比如妹子图片,只是现在不知道咋下载! 正则还是刚看,要多去用正则!正则很强大的东西! #!/usr/bin/env py ...

  4. C - 取石子游戏

    1堆石子有n个,两人轮流取.先取者第1次可以取任意多个,但不能全部取完.以后每次取的石子数不能超过上次取子数的2倍.取完者胜.先取者负输出"Second win".先取者胜输出&q ...

  5. 遍历form表单里面的表单元素,取其value

    form.elements 获取所有表单元素 form 表单 <form action="http://localhost:1995/api/post" class=&quo ...

  6. OOM

    在mnist上测试卷积网络时,显存不够导致下面的报错: ResourceExhaustedError (see above for traceback): OOM when allocating te ...

  7. css学习_标签的显示模式

    标签的显示模式 a.块级元素(最典型的是  div标签) 特点: 默认宽度  100% 可以容纳块级元素和内联元素 b.行内元素 (最典型的是  span标签) 特点: c.行内块元素(最典型的是 i ...

  8. okvis源码解读

    为相机图像提取brisk特征点,并设置描述子的提取方向为重力加速度在世界坐标系中的方向(0,0,1)

  9. CCPC-Wannafly Winter Camp Day4 Div1 - 咆咆咆哮 - [三分+贪心]

    题目链接:https://zhixincode.com/contest/18/problem/I?problem_id=267 题目描述 输入描述 输出描述 一行一个整数表示答案. 样例输入 1 32 ...

  10. POJ 2449 - Remmarguts' Date - [第k短路模板题][优先队列BFS]

    题目链接:http://poj.org/problem?id=2449 Time Limit: 4000MS Memory Limit: 65536K Description "Good m ...