本文主要介绍了vscode在工作中常用的快捷键和插件,以提高工作效率为目标的正文快捷键基于mac,windows下的快捷键为括号中的cmdshiftp(winctrlshiftp
0、有快速开始经验的人可以跳过快速开始,或者浏览一下1。 “命令”面板中的“命令”面板是vscode快捷键的主要交互界面,可以在f1或cmdshiftp(winctrlshiftp )中打开。 也可以在“命令”面板中输入和搜索命令,然后用英语执行。
在命名面板中,可以执行各种命令,包括编辑器附带的功能和插件提供的功能。
所以请务必记住那个快捷键Cmd Shift P
2 .界面介绍刚开始使用vscode的时候,首先要做一个文件编辑器(可以打字保存),有了一定的经验之后,再熟悉那些快捷键,首先熟悉界面和快捷命令
3 .对于在命令行中使用vscode的Windows用户,安装并重新启动系统后,可以在命令行中使用code或code-insiders。 如果要立即使用,而不是等待重新启动,可以将vscode安装目录添加到系统环境变量PATH中
如果是mac用户,安装后打开命名面板Cmd Shift P,搜索shell命令,单击在PAth中安装code命令,然后重新启动终端即可
基本使用方法是使用code命令打开文件或文件夹
代码文件夹的地址。 vscode将在新窗口中打开文件夹
如果要在已经打开的窗口中打开文件,请使用-r参数
vscode命令还有其他功能。 例如,文件比较器,打开文件跳转到指定的行和列,根据需要自动百度:bowing_woman:
注意:
在继续阅读文章之前,请记住用于打开“命令”面板的快捷键cmdshiftp (在win中为Ctrl shift p )
一.将代码编辑windows下的快捷键放入括号中,将光标的移动基础移动到行头的Cmd左箭头键(win Home )
移动到行尾Cmd右箭头键(win End )
移动到文档的开头和末尾Cmd上下箭头键(win Ctrl Home/End ) ) ) ) ) ) )。
在大括号{}的左侧和右侧之间跳转到cmdshift(winctrlshift )
要返回上一个光标的位置,Cmd U(winctrlu )非常有用。 也可以是vue文件。 更改html后,需要到下面更改js。 更改js后,需要再次返回。 此时,cmdu将直接返回
在不同的文件之间回到上一个光标的位置control-((win没有测试所以不知道) ),你想更改a文件,更改b文件,然后回到a文件继续编辑。 mac是controls -
只需按一个文本选择shift键,即可在光标移动时选择文本
如果选择单词cmd下的多光标,也会介绍cmd
如果选择代码块时没有快捷键,请使用cmd shift p打开“命令”面板,键入并选择括号中的所有内容,然后稍后介绍如何添加快捷键
也可以检查删除代码,然后删除,然后按backpack (是backpack吗)或delete键删除,但这样做太低了
所以,Geek最好的删除方式是cmdshiftk(winctrlshiftk ),想删除多少就删除多少,现在用ctrl x切割也能达到同样的效果
代码移动选项上下箭头键(win Alt上下) )。
在移动代码的同时按shift键,可以上下移动代码副本Option Shift
添加注释有单行注释和块注释两种形式。 (在js中,为单行注释(/,块注释) */) )。
单行注释cmd/(winctrl/) )。
块注释选项shift a
注意:语言不同,使用的注释也不同
二、代码格式的代码格式对整个文档进行格式设置。 Optionshiftf(winaltshiftf )、vscode根据使用的语言而使用不同的插件进行格式设置。 请记住下载格式合适的插件
格式化选定的代码。 cmdkcmkfwin(ctrlkctrlf ) )。
在实际文档中缩进代码以调整缩进,然后使用Cmd Shift P打开“命令”面板,键入缩进并选择相应的命令
代码缩进调节: Cmd ] Cmd [分别减少、增加缩进(win不知道,自行百度) ) ) ) ) ) )
三、有些小技巧可以调整大小写,选中后在“命令”面板中输入要转换为大写还是小写
合并代码行、将多行代码合并为一行、cmdj (在win中解除绑定) ) ) ) )。
行排序、代码行按字母顺序排序、无快捷键、调用和输入命令面板
按升序排序或者按降序排序 四、多光标特性 使用鼠标:按住Option(win Alt),然后用鼠标点,鼠标点在哪里哪里就会出现一个光标
注意:有的mac电脑上是按住Cmd,然后用鼠标点才可以
快捷命令Cmd+D (win Ctrl+D) 第一次按下时,它会选中光标附近的单词;第二次按下时,它会找到这个单词第二次出现的位置,创建一个新的光标,并且选中它。(注:cmd-k cmd-d 跳过当前的选择)
Option+Shift+i (win Alt+Shift+i) 首先你要选中多行代码,然后按Option+Shift+i,这样做的结果是:每一行后面都会多出来一个光标
撤销多光标使用Esc 撤销多光标
鼠标点一下撤销
五、快速跳转(文件、行、符号) 快速打开文件Cmd+P (win Ctrl+P)输入你要打开的文件名,回车打开
这里有个小技巧,选中你要打开的文件后,按Cmd+Enter,就会在一个新的编辑器窗口打开(窗口管理,见下文)
在tab不同的文件间切换,cmd+shift+[]
行跳转加入浏览器报了个错,错误在53行,如何快速跳转到53行
Ctrl+g 输入行号
如果你想跳转到某个文件的某一行,你只需要先按下 “Cmd + P”,输入文件名,然后在这之后加上 “:”和指定行号即可。
符号跳转 符号可以是文件名、函数名,可以是css的类名Cmd+Shift+O(win Ctrl+Shift+o) 输入你要跳转的符号,回车进行跳转
win下输入Ctrl+T,可以在不同文件的符号间进行搜索跳转
定义(definition)和实现(implementation)处f12跳到函数的定义处
Cmd+f12(win Ctrl+f12)跳转到函数的实现处
引用跳转很多时候,除了要知道一个函数或者类的定义和实现以外,你可能还希望知道它们被谁引用了,以及在哪里被引用了。这时你只需要将光标移动到函数或者类上面,然后按下 Shift + F12,VS Code 就会打开一个引用列表和一个内嵌的编辑器。在这个引用列表里,你选中某个引用,VS Code 就会把这个引用附近的代码展示在这个内嵌的编辑器里。
六、代码重构当我们想修改一个函数或者变量的名字时候,我们只需把光标放到函数或者变量名上,然后按下 F2,这样这个函数或者变量出现的地方就都会被修改。