宇宙最强vs代码教程(基础篇)
本文主要介绍vscode工作中常用的快捷键和插件,以提高工作效率为目标的正文快捷键基于mac,windows下的快捷键在括号中显示cmdshiftp(winctrlshiftp )
[TOC]
零,有快速启动经验的人可以跳过快速启动,或者浏览一下1。 命令面板的命令面板是vscode快捷方式的主要交互界面,可以在f1或cmdshiftp(winctrlshiftp )中打开。 也可以在“命令”面板中输入命令进行搜索,并用英语执行。
“命名”面板允许您执行各种命令,包括编辑器附带的功能和插件提供的功能。
所以一定要记住那个快捷键Cmd Shift P
2 .介绍界面刚开始使用vscode的时候,首先作为文件编辑器(可以打字保存),有了一定的经验,然后习惯了那些快捷键,首先习惯了界面和快捷键命令
3 .对于在命令行中使用vs代码的Windows用户,安装并重新启动系统后,可以在命令行中使用代码或代码索引。 如果希望立即使用而不是等待重新启动,可以将vscode安装目录添加到系统环境变量PATH中
如果您是mac用户,则可以在安装后打开“命名”面板Cmd Shift P,找到shell命令,单击“在PAth上安装代码命令”,然后重新启动终端
基本用法是使用code命令打开文件或文件夹
代码文件夹的地址。 vs代码将在新窗口中打开文件夹
如果要在已经打开的窗口中打开文件,请使用-r参数
vscode命令还有其他功能。 例如,文件比较,打开文件跳转到指定的行和列,根据需要自行百度:bowing_woman:
注意:
在继续阅读文章之前,请记住打开“命令”面板的快捷键cmdshiftp(win中为Ctrl shift p )
一、编辑代码将windows下的快捷键放在括号中,光标移动的基础
移至行首Cmd左箭头键(win Home )移至行尾Cmd右箭头键(win End )移至文档开头和结尾Cmd上下箭头键(win Ctrl Home/End )大括号{}左侧和右侧之间的cmd shift (winctrl shift )
如果返回到上一个光标位置,则Cmd U(winctrlu )非常有用。 有时是vue文件,你更改了html。 我需要去下面更改js。 更改js后,还需要返回。 此时,cmdu将直接返回到不同文件之间的上一个光标位置。 控制- ) )因为没有测试win,所以不知道。 a修改并修改文件。mac使用控制-文本选择。 只要按一个shift键,当光标移动时就可以选择文本。 对于在cmd下介绍的多光标,也说明cmd在代码块选择中没有快捷键。 使用cmd shift p打开“命令”面板,输入括号的所有内容并选择它。 稍后介绍如何添加快捷键
如果要删除代码,可以选中它,然后删除它,然后按backpack (是backpack吗)或delete将其删除,但这样做太low,因此最Geek的删除方法是cmdshiftk (后退包)、winctrion 现在使用ctrl x剪切也有同样的效果
代码移动Option上下箭头键(win Alt上下) ) )。
通过在移动代码的同时按shift键,可以在代码复制选项shift的顶部和底部添加注释。 有单行注释和块注释两种形式。 (在js中为单行注释//、块注释/**/) ) )。
单行注释cmd/(winctrl/)块注释Option Shift A注意:语言使用的注释不同
二、代码格式的代码格式将格式化整个文档。 根据使用的语言,使用不同的插件设置选项shiftf (winaltshiftf )、vs代码的格式。 请记住下载格式正确的插件以格式化您选择的代码。 cmdkcmkfwin(ctrlkctrlf )代码缩进调整真实文档,使用Cmd Shift P打开“命令”面板,输入缩进,选择适当的命令,然后选择代码缩进调整(cmd ) cmd (双赢不知道,自己百度)三、
合并代码行,将多行代码合并为一行,cmdj (通过win解除绑定) ) ) ) ) ) )。
输入行排序、代码行按字母顺序排序、无快捷键、调用命令面板以及按升序或降序排序
四、多光标特性使用鼠标:按住option(winalt )并用鼠标指针后,光标会出现在鼠标点位于何处
注意:某些mac电脑可以在按住Cmd的同时用鼠标指向
第一次按快捷命令cmd(winctrld )时,光标附近的
单词;第二次按下时,它会找到这个单词第二次出现的位置,创建一个新的光标,并且选中它。(注: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,这样这个函数或者变量出现的地方就都会被修改。