Vscode,全称为visual studio code,是微软旗下一款优秀的跨平台代码编辑软件。vscode中文版集成了大部分代码编辑器的优点,集GIT、代码调试、语法高亮于一体,拥有强大而丰富的插件系统。
本文主要介绍了vscode中常用的快捷键和插件,旨在提高工作效率。
本文中的快捷键基于mac,windows中的快捷键在括号内Cmd Shift P(win Ctrl Shift P)
[目录]
零,快速启动
有经验的人可以跳过快速入门或者粗略浏览一下。
1.命令面板
命令面板是vscode快捷方式的主要交互界面,可以使用f1或Cmd Shift P(win Ctrl Shift P)打开。
在命令面板中,您可以输入命令进行搜索(中文和英文),然后执行这些命令。
在命名面板中可以执行各种命令,包括编辑器和插件提供的功能。
所以一定要记住它的快捷键CMD Shift P。
2.界面介绍
刚开始使用vscode的时候,建议把它当做一个文件编辑器来用(可以输入然后保存),等有了一些经验再熟悉那些快捷方式。
先熟悉一下界面和快捷命令(不要记)
3.在命令行上使用vscode
如果你是Windows用户,在安装并重启系统后,你可以在命令行中使用code或code-insiders。如果想立即使用而不是等待重启,可以将VS代码的安装目录添加到系统环境变量PATH中。
如果你是mac用户,安装后打开命名面板Cmd Shift P,搜索shell命令,点击PAth中的Install code command,然后重启终端。
最基本的用途是使用code命令打开文件或文件夹。
代码文件夹地址,vscode将在新窗口中打开该文件夹。
如果想在已经打开的窗口中打开文件,可以使用-r参数。
vscode命令还有其他功能,比如文件比较,打开文件,跳转到指定的行和列。如有需要,百度:鞠躬_女人:
注意:
在继续阅读文章之前,切记要记住打开命令面板的快捷键CMD Shift P(Win下的Ctrl shift p)。
一、代码编辑windows下的快捷键在括号里。
光标用Cmd左箭头键移动到行首(win Home)用Cmd右箭头键移动到行尾(win End)用Cmd上下箭头键移动到文档的开头和结尾(win Ctrl Home/End)在花括号的左右之间跳转Cmd Shift(win Ctrl Shift){ }返回到上一个光标位置。Cmd U(win Ctrl U)很有用。有时候当你改变vue文件的html时,你需要改变下面的js。换了js之后,需要回去。这时候Cmd U直接回到之前的光标位置控制——(win没测试过,不知道)不同文件之间,你换A文件。换了B档后,想回到A档继续编辑。mac使用控制-文本选择。你只需要再按一次shift键就可以选择文本,在光标移动的时候选择单词Cmd D。下面多光标也会讲Cmd D,没有选择代码块的快捷键。您可以使用cmd shift p打开命令面板,并输入选择括号中的所有内容。稍后我会告诉你如何添加快捷键。
你可以在选中代码后删除,然后按Backpack或者delete删除,但是那样太低级了。所以最极客的删除方式就是Cmd Shift K (win Ctrl Shift K),想删多少就删多少。目前可以用ctrl x剪切,效果是一样的。
上下移动选项箭头键(win Alt up and down)
您可以在移动代码时按住shift键来复制代码。Option Shift向上和向下添加注释。
注释有两种形式,单行注释和块注释(在js中,单行注释//,块注释/* */)
Comment Cmd/(win Ctrl/)块注释选项Shift A
注意:不同的语言使用不同的注释。
二、代码格式代码格式化格式化整个文档:Option Shift F (Win Alt Shift F),VS代码会根据你的语言用不同的插件格式化。记得下载相应的格式化插件对选中的代码进行格式化:Cmd K Cmk F win(Ctrl K Ctrl F)代码对整个文档进行缩进调整,用Cmd Shift P打开命令面板,输入缩进,然后选择相应的命令选择代码缩进调整:Cmd]Cmd[分别减少和增加缩进(win下不知道,自己百度)
三、一些小技巧调整字符的大小写,选择它们,然后在命令面板中输入大写或小写。
合并代码行,多行代码合并成一行,cmd j(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)输入要打开的文件名,按回车键打开。
这里有一个小技巧。选择要打开的文件后,按CMDENT,它将在一个新的编辑器窗口中打开(窗口管理,见下文)
Tab在不同文件之间切换,cmd shift []
行跳转
我在加入浏览器时报告了一个错误。错误在第53行。如何快速跳转到53行?
Ctrl输入行号
如果要跳转到某个文件的某一行,只需要先按“Cmd P”,输入文件名,然后加上“:”,并在这之后指定行号即可。
符号跳转
符号可以是文件名、函数名或css类名。
Cmd Shift O(win Ctrl Shift o)输入要跳转的符号,按回车键跳转。
在win下输入Ctrl T,在不同文件的符号之间进行搜索和跳转。
在定义和实现点。
F12跳转到函数的定义
Cmdf12 (winctrf12)跳转到函数的实现。
参考跳转
很多时候,除了知道一个函数或类的定义和实现之外,你可能还想知道它们被谁和在哪里引用。这时候你只需要把光标移到函数或者类上,然后按Shift F12,VS代码就会打开一个引用列表和一个嵌入式编辑器。在这个引用列表中,如果你选择了一个引用,VS Code会在这个嵌入式编辑器中显示这个引用附近的代码。
六、代码重构当我们要修改函数或变量的名字时,我们只要把光标放在函数或变量的名字上,按F2,这样函数或变量出现的地方就被修改了。