VS 代码编辑器显示预览而不是 HTML 中的代码

Question

我是一名高中生，我和我的班级刚刚开始探索 HTML 代码的世界。昨天，我编写了一些基本的 HTML 代码并将其保存在我的计算机上。今天，我尝试打开它，编辑器没有看到通常的 HTML 代码，而是向我显示了预览。

我试过了：

1. 在 VS Code 中禁用扩展
2. 打开其他 HTML 文件
3. 使用 TextEdit 和 Whisk 打开文件（两者都向我展示了实际的代码）

我可能遇到了一个基本问题，也许这甚至不是问题，但老实说我迷失了。我不知道如何返回我的代码...

Answer 1

VS Code 没有内置的 HTML 预览支持，但 VS Code Marketplace 中有可用的扩展。打开扩展视图 (Ctrl+Shift+X) 并搜索“实时预览”或“html 预览”以查看可用 HTML 预览扩展的列表。然后停用这些插件。

完成上述步骤后，如果您仍然遇到同样的问题，请尝试联系微软帮助页面 https://learn.microsoft.com/en-us/answers/products/

Answer 2

1-用 chrome 打开你的文件，右键单击页面选择显示源文件，然后将其复制到你的 Vscode 中，然后就是你的代码了。

2- 将 .html 文件的扩展名更改为 .php，然后在代码显示后将其反转为 html。

Answer 3

当我遇到同样的问题时，我尝试将 .html 扩展名更改为 .htm，这帮助我揭示了我的实际代码。