一、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. Centos 安装 nload

    第一种方法: wget http://mirrors.kernel.org/fedora-epel/6/i386/epel-release-6-8.noarch.rpm rpm -ivh epel-r ...

  2. HandlerSocket介绍

    HandlerSocket的原理 HandlerSocket的应用场景: MySQL自身的局限性,很多站点都采用了MySQL+Memcached的经典架构,甚至一些网站放弃MySQL而采用NoSQL产 ...

  3. d3.js 根据需求定制pie图饼图

    参考网址: http://d3pie.org/#generator 用法: 1.在网址中,跟着步骤,设置样式和效果,最后获取pie的option格式 2.引入d3.min.js和d3pie.min.j ...

  4. Django详解之models操作

    D jango 模型是与数据库相关的,与数据库相关的代码一般写在 models.py 中,Django 支持 sqlite3, MySQL, PostgreSQL等数据库,只需要在settings.p ...

  5. 10.23 crm(3)

    2018-10-23 20:34:30 继续增加新的功能!在代码注释里面有! 越努力,越幸运!永远不要高估自己! 还有明天再加上rbca权限管理系统就完美了! 然后crm做完,再过几天不挂针一切好了也 ...

  6. perl 函数

    文档 函数参数 sub hello{ $len = @args = @_; print "hello @args\n"; } hello('ajanuw', 'alone'); # ...

  7. ABP之事件总线(2)

    在上一篇文章中,我们复习了一下事件的经典的发布订阅模式,同时对是事件源和时间处理逻辑进行抽象统一,用起来也没有问题.但是还是有很多的问题,比如说我们Handle方法其实是违背了单一性的原则的,里面混杂 ...

  8. Mongodb----整理

    ----------------------------------------------------------------------------------mongodb基本操作------- ...

  9. org.apache.jasper.JasperException:Unable to read TLD "META-INF/c-1_0-rt.tld" from JAR file jstl-1.2.jar

    前两天把项目从eclipse EE版搬到MyEclipse中了.配置好jdk,确定build path中没有报错后,在tomcat中运行.结果,报错: org.apache.jasper.Jasper ...

  10. js模拟浏览器加载效果 pace.js 中文官方文档

    2017年2月20日12:11:25 官网URL:http://github.hubspot.com/pace/docs/welcome/ 文档 http://github.hubspot.com/p ...