使用浏览器查看VSCode写的代码有以下几种方法：

方法一：使用VSCode内置的Live Server插件
VSCode内置了一个名为Live Server的插件，它可以帮助我们在浏览器中实时预览和调试我们写的代码。

1. 首先，在VSCode中安装并启用Live Server插件。可以通过点击左侧的扩展图标，搜索并安装”Live Server”插件。

2. 在VSCode中打开你的代码文件夹，并找到你要查看的HTML文件。

3. 右键单击HTML文件，选择”Open with Live Server”。这将自动打开默认浏览器，并加载你的HTML文件。你将能够实时查看你的代码在浏览器中的效果。

注意：Live Server插件默认使用的端口是5500，如果你的端口被占用，可以在VSCode的设置中进行更改。

方法二：使用VSCode的预览功能
VSCode还提供了一个内置的预览功能，可以让你在浏览器中查看你的HTML、CSS和Markdown文件。

1. 在VSCode中打开你的代码文件夹，并找到你要查看的HTML文件。

2. 右键单击HTML文件，选择”Open with Live Server”。这将在VSCode中打开一个预览窗口，显示你的HTML文件的效果。

3. 在预览窗口中，你可以点击”Open in Browser”按钮，将预览窗口中的内容在实际的浏览器中打开。

方法三：手动在浏览器中打开HTML文件
如果你不想使用插件或预览功能，你也可以直接在浏览器中打开你的HTML文件。

1. 在VSCode中打开你的代码文件夹，并找到你要查看的HTML文件。

2. 右键单击HTML文件，选择”Copy Path”。

3. 打开你喜欢的浏览器，并在地址栏中粘贴刚才复制的路径。

4. 按下回车键，浏览器将加载并显示你的HTML文件的内容。

总结：
以上就是使用浏览器查看VSCode写的代码的几种方法。你可以根据自己的需要选择适合的方式来查看和调试你的代码。希望对你有所帮助！

使用浏览器查看VSCode写的代码需要按照以下步骤进行操作：

1. 打开VSCode，打开要查看的代码文件：首先，确保已经安装了VSCode的最新版本。然后，打开VSCode，在左侧的导航栏中选择要查看的代码文件。

2. 安装和启动Live Server插件：在VSCode中，点击左侧的扩展图标，搜索并安装Live Server插件。安装完成后，在右下角的状态栏中，可以看到一个”Go Live”按钮。点击该按钮，会自动在浏览器中打开一个新的标签页。

3. 在浏览器中查看代码：当浏览器打开后，你将在其中看到一个与VSCode相似的代码编辑器界面。你可以浏览和查看代码，包括代码的结构、内容和样式。

4. 调整布局和样式：浏览器版本的VSCode提供了一些调整布局和样式的选项。你可以在浏览器的界面中找到这些选项，以根据自己的喜好进行调整。

5. 使用浏览器的开发者工具：浏览器的开发者工具提供了一些调试和分析代码的功能。你可以使用这些工具来查看代码的DOM结构、样式、脚本以及网络请求等。

需要注意的是，虽然浏览器版本的VSCode可以让你在浏览器中查看和浏览代码，但并不支持运行和调试代码。如果需要运行和调试代码，仍然需要在本地运行VSCode。这个浏览器版本的VSCode只是方便你在没有VSCode环境的情况下阅读和浏览代码。

要使用浏览器查看VSCode写的代码，可以通过以下步骤进行操作：

步骤一：安装并启动VSCode插件
1. 在VSCode中打开扩展市场，搜索并安装 “Live Server” 插件。这个插件可以在本地启动一个服务器，并通过浏览器访问。

步骤二：创建一个简单的网页
1. 在VSCode中创建一个新的文件，然后将下面的代码粘贴到文件中：

“`html

Hello, World!

“`

步骤三：启动Live Server
1. 在VSCode中，右键点击你的HTML文件，选择 “Open with Live Server”。这样会在浏览器中打开一个新的选项卡并加载你的代码。

步骤四：查看代码
1. 在浏览器中打开的选项卡中，你会看到你的代码已经被加载并显示在浏览器中了。

步骤五：实时修改和刷新
1. 在VSCode中对你的代码进行任何修改后，保存文件。
2. 在浏览器中，你会看到修改后的代码实时更新并显示出来。

通过以上步骤，你可以使用浏览器查看并实时修改你在VSCode中编写的代码。这对于调试和显示代码的效果非常有帮助。