vscode怎么运行css代码

♥

♥

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

如何在VSCode中打开多个游标？VSCode是一个非常有用的代码编辑器，许多编程专业人士都在使用这个软件。
光标是本编程软件中非常重要的一部分。
下面小编就给大家带来一种打开多个游标的方法。
我们来看一下。

Vscode多光标打开方法列表

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

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

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

方法一

添加多个光标的第一种方法是使用鼠标。
按住键盘上的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？

可以点击vsCode软件左侧的扩展功能键，点击openinbrowser安装按钮，然后会随着鼠标右键出现openindefaultbrowser按钮。
单击以运行使用vscode编写的HTML代码以查看ControlDesk可打印信息。

第一：你的HTML代码是怎么写的？如果你不发表原文，没有人会看到。

1/4单击“运行”菜单打开应用程序，然后单击“运行”菜单。
2/4单击添加配置参数打开下拉菜单，然后单击添加配置参数。
3/4选择启动选项，然后选择Chrome：启动选项。

使用快捷方式打开VisualStudioCode工具，然后创建一个新的静态页面。
创建静态table.html页面，添加页面代码，然后保存并在浏览器中查看。
打开“文件”菜单，选择“OpenFolder”，然后将项目导入到VisualStudioCode中。

1.右键单击该文件并选择打开。
安装后，右键单击HTML文件并选择在浏览器中打开。

2.然后使用StudioCode工具创建一个新的静态页面。
创建一个静态table.html页面并添加页面代码 项目配置文件。
创建一个新的终端窗口并在命令提示符下输入npmrundev来运行项目。

3.首先，在打开的vscode软件中，点击【文件】菜单。
然后点击文件下拉列表中的【新建文件】。
然后点击右下角的【纯文本】。
然后在打开的窗口中单击[HTML]选择按钮。

4.您可以点击vsCode软件左侧的高级功能键，点击openinbrowser安装按钮，然后使用鼠标右键就会出现openindefaultbrowser按钮。
单击以运行HTML。
vscode中编写的代码，用于查看控制台打印信息。

5.使用vscode通过创建一个新文件夹来创建HTML导航页面，它将随之导航。
在您的计算机上创建一个文件夹，打开该行中新创建的文件vscode菜单点击文件夹，然后将文件另存为工作空间，命名为1010并立即生成。