vscode怎么调用css

vscode中html怎么引入css

VSCode多光标怎样打开多光标打开方法介绍

如何在VSCode中打开多个游标?VSCode是一个非常有用的代码编辑器,许多编程专业人士都使用这个软件。
光标是本编程软件中非常重要的一部分。
下面,编辑器将为您提供打开多个标记的方法。

Vscode多光标打开方法列表

最好以CSS代码为例。
如果你想练习,可以直接复制这段代码到编辑器中。

.foo{padding:5;margin:5;font-size:5;}

可以看到上面的CSS代码中,所有属性的值是5个,但你可能会觉得这种写法不规则,想全部改成5px。
在此之前,你必须在5后面逐一添加px。
现在,有了多光标功能,你需要做的第一步就是将光标移动到第一个5的前面。
有两种操作方法可供选择。

方法1

添加更多标记的第一种方法是使用鼠标。
按住键盘上的Option(Windows上为Alt)并在第二个5之前单击以创建第二个光标。
现在您可以看到两个标记,第二个标记比第一个标记稍细。

如果你很聪明,你需要知道如何以同样的方式制作第三个标记。
然后右键单击,将光标移到5后面并输入px。
就这样,在5.px之后添加了5。
是的,在此过程中您只输入了一项。
实用吗?

方法二

另一种方法是使用键盘,但它比第一种方法多了两个步骤,让我们看看为什么。

首先,您应该将光标移动到第一个5之前。
然后按Cmd+Option+向下箭头(Windows上为Ctrl+Alt+向下箭头)在当前光标下方创建一个光标。

我确信您已经注意到第二个标记不在第二行的5前面,因为它位于第一个标记的正下方。
不过没关系,我们有办法应对。
不用担心,您仍然可以以相同的方式创建第三个标记。

那么你应该尝试将光标移动到正确的位置。
虽然现在三个光标的位置是分散且不规则的,但您可以使它们移动到相似的位置:按Cmd+向右箭头键(Windows上的End),以便它们都移动到每行的末尾。

这就是问题所在,你只需按左方向键,将光标移动到5后面,然后输入px即可完成整个操作。

对于这个例子来说,第一种方案比第二种方案更实用,但是两种方法解决问题的思路是相同的。
前者通过鼠标操作将光标移动到你想要的位置,然后进行其他操作,后者使用VSCode中的其他内置命令最终将光标移动到你想要的位置。

在第二个选项中,将所有标记移动到末尾以统一标记位置,然后重复操作。
但这个问题的解决方案并不是唯一的。
您还可以考虑是否还有其他解决方案。

这里我还是想重复一下我刚才提到的一点。
使用此功能时,请考虑如果您是设计师,将如何设计多个标记。
沿着这条路闭着眼睛思考,也许你会更容易理解和记住VSCode的模式。

方法三

接下来,我将向您介绍两种创建多个标记的特殊方法。
如果上面的你还没有消化,别着急,看完后再回来练习。

Cmd+D

先说第一个,还是上面的代码。
将光标移动到数字5之前,然后按Cmd+D,这样就选择了前5个;然后再次按Cmd+D(Windows上为Ctrl+D),您可以看到其他5个也被选中。

Cmd+D的作用是,当您第一次按下它,它将选择光标附近的单词,当您第二次出现该单词时再次按下它,它将创建一个新光标并选择它。
这样,你只需要按三下就可以选择全部5个。
此时,你可以再次按右键并输入px来完成任务。

这个方法之所以特殊,是因为它的应用比较特殊:处理相同的两个单词出现两次。
如果要处理的文本不同,则此方法不起作用。

Option+Shift+i

然后我们讨论第二个,它是否与代码行分组有关,或者是否使用了前面的代码。
首先,选择几行代码,然后按Option+Shift+i(Windows上为Alt+Shift+i,此操作的结果是在每行末尾创建一个新标记)。

同样,此方法基于代码行,如果您的要求是在同一行上添加多个标记,则该方法不适用。

对于上面的例子,我个人的第一反应是使用Cmd+D。
你可能会问,学一种方法就够了吗?毕竟这些方法并不是那么容易记住的。
我的回答也很简单。
你应该把它们全部学会,然后熟能生巧。
前段时间看了《鞋狗》这本书,里面有一段精彩的讨论:

剑道里,只有当你不再在我和你之间,不再在你的心里时,心在对手和他的剑之间,不再为自己的剑和使用剑的方法所困扰,你就能达到最完美的境界……一切都是虚空:你自己,你使用的剑和舞动它的手臂,甚至空罐不存在更长。

方法四

VSCode多光标,我们已经学会了如何用鼠标添加多个光标。
必须承认,使用鼠标创建多个标记特别方便。
只需按住Option键,然后在要创建新标记的位置按鼠标左键即可。
简而言之,只需按住Option键并单击您想要的位置即可。

然而,在VSCode中,有一种更方便的方法来创建多个标记。
当然,这首先需要你的鼠标有一个中键。
您只需按鼠标中键并从文档中拖出一个框即可。
框中的代码将被选中,所选代码的每一行都会有一个独立的标记。

我们尝试了不同的方法来创建光标并更改代码。
现在我们为鼠标用户提供更实用的操作方法。
尝试掌握它们。
相信这些实际操作一定会对你的高效编程做出贡献。

以上就是小编对如何在VSCode中打开多光标的介绍。
我们来试试吧。
深空游戏还有很多软件操作方法和评测信息。
不要错过激动人心的时刻。

vscode怎么左边html右边css

创建一个新表。
后缀是HTML文件。

相关推荐

云计算的概念由谁提出的

云计算的概念由谁提出的

云概念的最早提出者是谁第一个提出云计算概念的是埃里克·施密特。2006年8月9日,谷歌首席执行官埃里克·施密特在搜索引擎大会(SESSanJose2006)上首次提出“云计算”的概念。谷

php做后端还会有前景吗

php做后端还会有前景吗

现在写后端不用php?事实上,没有必要。这个问题的原因取决于每种语言的性质。PHP刚诞生的时候,它的定位是一种可以轻松、快速使用的脚本语言。还有一件事。很多年前

简述云和云计算的基本概念

简述云和云计算的基本概念

云计算是什么概念?1.在解释什么是云计算之前,我们首先思考一下“云”以及为什么我们需要“云计算”。如今,越来越多的应用正在向“云”迁移。作为我们日常生活中接触