vscode详细使用教程,vscode入门,全网最详细的vscode基础教程

vscode详细使用教程,vscode入门,全网最详细的vscode基础教程

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,这样函数或变量出现的地方就被修改了。

vscode详细使用教程,vscode入门,全网最详细的vscode基础教程