使用 Visual Studio Code (VSCode) 创建 HTML 项目是一个相对简单的过程。
步骤 1:安装 Visual Studio Code
如果你还没有安装 VSCode,你可以访问其官方网站(https://code.visualstudio.com/download)下载并安装适合你操作系统的版本。
步骤 2:打开 VSCode
安装完成后,打开 VSCode。你将看到一个简洁的编辑器界面。
步骤 3:创建新文件夹作为项目目录
在你的计算机上选择一个位置,创建一个新的文件夹,这个文件夹将作为你的 HTML 项目的根目录。例如,你可以在桌面或文档文件夹中创建一个名为 my-html-project 的文件夹。
步骤 4:在 VSCode 中打开项目文件夹
在 VSCode 中,选择菜单栏上的 File(文件) -> Open Folder(打开文件夹),然后浏览到你的项目文件夹(my-html-project),选择它并点击 Open(打开)。
步骤 5:创建 HTML 文件
在项目文件夹中,你可以直接创建 HTML 文件。在 VSCode 的侧边栏中,你会看到你的项目文件夹结构。右键点击文件夹,选择 New File(新建文件),然后给文件命名为 index.html。这是你的项目的主 HTML 文件。
步骤 6:编写 HTML 代码
现在,你可以开始编写 HTML 代码了。在 index.html 文件中,输入基本的 HTML 结构:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的 HTML 项目</title> </head> <body> <h1>欢迎来到我的 HTML 项目</h1> <p>这是一个简单的 HTML 页面。</p> </body> </html>