VS Code如何在勇敢的浏览器中添加路径 - 无论

在VS Code中，可以通过设置添加路径，从而在勇敢的浏览器中打开文件。

步骤一：安装插件

第一步是安装VS Code的插件，我们需要使用“Live Server”插件。在VS Code的左侧侧边栏中，点击扩展按钮，在搜索栏中输入“Live Server”，按回车，在列表中选择“Live Server”并点击“安装”按钮。

步骤二：打开文件

在VS Code中找到要打开的文件或文件夹，右键单击，并选择“在勇敢的浏览器中打开”选项。

步骤三：设置根目录

勇敢的浏览器将打开文件夹，但是我们需要设置根目录。在顶部工具栏中，单击“Live Server”图标，在菜单中选择“设置根目录”选项。

步骤四：打开文件

现在我们已经设置好根目录，再次右键单击要打开的文件，并再次选择“在勇敢的浏览器中打开”选项。 文件将在浏览器中打开，并且路径将在地址栏中正确显示。

代码片段

# VS Code如何在勇敢的浏览器中添加路径 - 无论

在VS Code中，可以通过设置添加路径，从而在勇敢的浏览器中打开文件。

## 步骤一：安装插件

第一步是安装VS Code的插件，我们需要使用“Live Server”插件。在VS Code的左侧侧边栏中，点击扩展按钮，在搜索栏中输入“Live Server”，按回车，在列表中选择“Live Server”并点击“安装”按钮。

## 步骤二：打开文件

在VS Code中找到要打开的文件或文件夹，右键单击，并选择“在勇敢的浏览器中打开”选项。

## 步骤三：设置根目录

勇敢的浏览器将打开文件夹，但是我们需要设置根目录。在顶部工具栏中，单击“Live Server”图标，在菜单中选择“设置根目录”选项。

## 步骤四：打开文件

现在我们已经设置好根目录，再次右键单击要打开的文件，并再次选择“在勇敢的浏览器中打开”选项。 文件将在浏览器中打开，并且路径将在地址栏中正确显示。

参考

• Visual Studio Code如何在勇敢的浏览器中打开文件
• Live Server插件文档