一、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. Bitcoin源代码编译安装详解

    一.安装准备 安装环境:虚拟机Ubuntu 16.04 内存:2G 错误1:如果这里内存分配为1G,则会产生如下错误: g++ : internal compiler error: Killed (p ...

  2. 终于等到你,最强 IDE Visual Studio 2017 正式版发布

    Visual Studio 2017 正式版发布,该版本不仅添加了实时单元测试.实时架构依赖关系验证等新特性,还对许多实用功能进行了改进,如代码导航.IntelliSense.重构.代码修复和调试等等 ...

  3. 《Node.js在CLI下的工程化体系实践》成都OSC源创会分享总结

    背景: 随着开发团队规模不断发展壮大,在人员增加的同时也带来了协作成本的增加,业务项目越来越多,类型也各不相同.常见的类型有组件类.活动类.基于React+redux的业务项目.RN项目.Node.j ...

  4. Django----djagorest-framwork源码剖析

    restful(表者征状态转移,面向资源编程)------------------------------------------->约定 从资源的角度审视整个网络,将分布在网络中某个节点的资源 ...

  5. CH 3401 - 石头游戏 - [矩阵快速幂加速递推]

    题目链接:传送门 描述石头游戏在一个 $n$ 行 $m$ 列 ($1 \le n,m \le 8$) 的网格上进行,每个格子对应一种操作序列,操作序列至多有 $10$ 种,分别用 $0 \sim 9$ ...

  6. POJ 1854 - Evil Straw Warts Live

    Description A palindrome is a string of symbols that is equal to itself when reversed. Given an inpu ...

  7. 请运行TestStaticInitializeBlock.java示例,观察输出结果,总结出“静态初始化块的执行顺序”。

    答:执行顺序:静态初始化块->初始化块->构造函数 静态初始化块:在第一次加载类时执行,与对象的创建无关. 构造代码块:在调用构造方法时执行. 构造函数:在调用构造函数时执行.

  8. Linux 下安装JDK和jmeter 及环境配置记录过程

    一.安装首先要查看linux系统的位数,用命令getconf LONG_BIT,我的是centOS 32位 二.官网下载32位的JDK8 http://www.oracle.com/technetwo ...

  9. LeetCode 977 Squares of a Sorted Array 解题报告

    题目要求 Given an array of integers A sorted in non-decreasing order, return an array of the squares of ...

  10. JS实现倒计时(天数,时,分,秒)

    <!DOCTYPE html> <html> <head>   <meta charset="utf-8" >   <titl ...