在 VS Code 中运行 html 项目的步骤:创建 HTML 项目。创建 HTML 文件。编写 HTML 代码。按 Ctrl + Shift + B(windows)或 Cmd + Shift + B(Mac)运行 HTML 项目。
如何使用 VS Code 运行 HTML 项目
步骤 1:创建 HTML 项目
- 打开 VS Code。
- 单击“文件”>“新建”>“文件夹”。
- 输入项目名称(例如,“my_html_project”)。
步骤 2:创建 HTML 文件
- 右键单击项目文件夹,然后选择“新建”>“文件”。
- 输入文件名(例如,“index.html”)。
步骤 3:编写 HTML 代码
立即学习“前端免费学习笔记(深入)”;
- 在 index.html 文件中,编写以下基本 HTML 代码:
<!DOCTYPE html> <html> <head> <title>我的第一个 HTML 页面</title> </head> <body> <h1>欢迎来到我的第一个 HTML 页面!</h1> </body> </html>
步骤 4:运行 HTML 项目
- 在 VS Code 中,按 Ctrl + Shift + B(Windows)或 Cmd + Shift + B(Mac)。
- VS Code 将自动打开内置浏览器并显示 HTML 页面。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
喜欢就支持一下吧
相关推荐