vscode怎么设置边做边

vscode（Visual Studio Code）是一种开源的，轻量级的文本编辑器，广泛用于编写各种编程语言的代码。你可以通过设置来使得在进行编码的同时显示侧边栏。下面是设置vscode边做边学的步骤：

1. 打开vscode：首先，打开你的vscode编辑器。

2. 打开侧边栏：点击vscode编辑器左侧的”Explorer”（资源管理器）图标，或者按下键盘上的Ctrl + Shift + E快捷键，便可打开侧边栏。

3. 分割编辑器：在侧边栏打开的同时，你可以将编辑器分割成两个部分，一个用于编码，另一个用于查看侧边栏的内容。有两种方法可以实现：

a. 使用鼠标：将鼠标指针移动到编辑器右上角，会出现一个按钮，点击它即可将编辑器分割。

b. 使用快捷键：按下键盘上的Ctrl + （）快捷键，其中()表示分割方向和位置，例如：上下分割使用Ctrl + ，左右分割使用Ctrl + 。

4. 调整窗格大小：你可以通过鼠标拖动编辑器和侧边栏的分隔条来调整两者的宽度。

5. 开始边做边学：现在你可以在左侧的侧边栏中浏览项目文件，并在右侧的编辑器中进行代码编写了。在侧边栏中，你可以展开文件夹并查看其中的子文件和文件夹，从而更好地组织你的学习内容。

通过以上步骤设置后，你可以同时浏览项目文件和进行代码编写，轻松实现边做边学的效果。希望对你有所帮助！

1. 打开VSCode后，点击左侧的侧边栏菜单按钮，找到“扩展”按钮。点击该按钮，然后在搜索框中输入“Live Server”，点击安装该插件。

2. 插件安装完成后，再次点击左侧的侧边栏菜单按钮，找到“文件”按钮。在文件列表中选择要编辑的HTML文件，然后右键点击该文件，在弹出的菜单中选择“在Live Server中打开”。

3. 在弹出的页面上方，会显示一个URL，表示当前HTML文件在浏览器中的访问地址。点击该URL，会自动打开一个新的浏览器窗口，并显示正在编辑的HTML文件。

4. 每次编辑HTML文件时，保存文件后，浏览器窗口会自动刷新，显示最新的修改结果。这样就可以边编辑边预览页面效果了。

5. 如果要修改服务器设置，可以在VSCode的设置页面中找到“Live Server”的选项。可以通过修改选项来改变服务器的端口号、是否自动打开浏览器等设置。

注意：使用Live Server插件进行边做边预览的功能只适用于HTML文件，对于其他类型的文件，可能需要使用其他插件或工具来实现边做边预览的效果。

在Vscode中，边做边调试是一种很常见的需求，可以通过以下步骤实现：

1. 打开Vscode，点击左侧的调试图标，或者使用快捷键”Ctrl + Shift + D”进入调试视图。

2. 在调试视图中，点击左上角的齿轮图标，选择”添加配置”，然后选择相应的调试环境，比如”Node.js”。

3. Vscode会自动在项目的根目录下生成一个.launch.json文件，这个文件是用来配置调试环境的。

4. 打开.launch.json文件，可以看到一个stopping配置数组，其中每个对象代表一个调试配置。

5. 在stopping配置数组中，可以看到一个”configurations”数组，这里存放了所有的调试配置。

6. 在”configurations”数组中，可以配置不同的调试环境，比如Node.js、Python、Go等。

7. 每个调试配置都包含了一些属性，比如”type”、”request”、”name”等。在这里，我们主要关注”type”和”request”属性。

8. “type”属性指定了调试环境的类型，比如”node”表示使用Node.js环境调试。

9. “request”属性指定了调试的请求方式，一般为”launch”。

10. 在”configurations”数组中，可以添加多个调试配置，每个配置的”name”属性可以自定义，方便区分不同的配置。

11. 一般情况下，配置完成后，Vscode会自动在调试视图中生成一个调试按钮，点击这个按钮即可启动调试。

12. 在启动调试后，可以点击Vscode右侧的”调试控制台”，查看输出日志和调试信息。

以上就是在Vscode中进行边做边调试的操作流程，根据不同的编程语言和需求，可以进行相应的配置和调试。希望对你有所帮助！