VScode怎么新建一个html文件

VScode 创建一个新的 HTML 文件：打开 VScode，创建一个新文件，输入文件名索引并保存。

VSCode怎样创建第一个代码文件并保存 VSCode新手创建与保存文件的基础操作技巧​

创建VSCode代码文件：新建一个文件（Ctrl+N），插入代码（如console.log("Hello, VSCode!";)，保存时指定正确的扩展名，如.js。
运行：运行内置终端（Ctrl+~），提高效率。

怎么在VSCode里运行HTML文件？

嘿，兄弟，我以前也从事过前端开发。
这种在 VSCode 中处理 HTML 文件的方法光是说着就让人想哭。
我记得当我开始学习时，我创建了一个 HTML 文件并想查看输出。
结果我就赶紧打开宣传册，手动刷新，非常繁琐。

后来我发现了Liveserver Legacy，它简直打开了通往全新世界的大门。
那是2 01 8 年，当时我在杭州做一个项目。
那时我必须每天更新 HTML 文件，然后手动刷新浏览器。
速度太慢了。
后来我用了LiveServer。
由于我直接将其放入VScode中，浏览器会自动刷新。
感觉真好。

安装这个扩展也很容易。
当时我直接在VSCcode中进行了Ctrl+Shift+X安装，然后输入“liveserver”找到了Ritweekday制作的版本，点击安装就ok了。
然后打开 HTML 文件，右键单击并选择“使用 LiveServer 打开”。
浏览器会自动打开，您可以直接看到结果。

但无论如何，我采用了在浏览器中手动打开HTML文件的方法。
当时有时候想快速看到页面的效果或者编辑少量代码，就直接把文件放到VSCcode中，然后找到文件路径，右键打开或者直接拖到浏览器中。
这种方法简单，但缺点是每次代码发生变化都必须手动更新，有点困难。

其实VScode本身并不能直接运行HTML，它只是一个代码编辑器。
不过，通过LiveServer，我们可以预览和编辑。
这个扩展还支持热重载，更新代码后页面自动更新，这对于前端开发来说是个好消息。

总体来说，我推荐使用LiveServer，尤其是对于前端开发来说，效率的提升更是不小。
但是，如果您只是预览或调试少量代码，手动打开浏览器也是一个不错的选择。
你自己拿主意吧，兄弟。