1. 创建文件夹结构
- 先在目标位置（如桌面、D盘等）新建一个总文件夹（例如命名为“WebProjects”，作为所有网页项目的存放地）。
- 进入该总文件夹，新建“HtmlProject”文件夹（用于区分其他类型项目，如CSS、JS项目）。
- 进入“HtmlProject”文件夹，再新建“hello”文件夹（作为当前具体项目的文件夹，命名可根据功能调整，如“hello”对应“hello world”示例）。
2. 通过CMD打开VS Code
- 进入“hello”文件夹，点击文件夹顶部的路径栏（显示当前完整路径的位置），直接输入“cmd”并按回车，快速打开命令提示符窗口（此时CMD的路径已自动定位到“hello”文件夹）。
- 在CMD窗口中输入 code . （注意“code”后有空格，“.”代表当前文件夹），按回车。稍等片刻，VS Code会自动启动并打开“hello”文件夹（左侧文件资源管理器会显示该文件夹作为当前工作区）。
3. 创建并编写HTML文件
- 在VS Code左侧的“资源管理器”中，右键点击“hello”文件夹，选择“新建文件”，输入文件名 index.html （HTML文件通常用“index”作为首页名，后缀必须为 .html ），按回车确认。
- 打开 index.html 文件，输入 ! （英文感叹号），然后按 Tab键 或 Enter键，VS Code会自动生成HTML5标准基础结构：
4. 预览HTML页面
- 安装插件“Live Server”：左侧扩展栏搜索“Live Server”，点击“安装”（首次使用需安装，后续无需重复）。
- 右键点击 index.html 文件，选择“Open with Live Server”，会自动在默认浏览器中打开页面，地址通常为 http://127.0.0.1:5500/index.html 。
- 后续修改代码并保存（Ctrl+S），浏览器会实时刷新，立即查看效果。
5. 保存与关闭
- 编写完成后，按Ctrl+S保存文件，关闭VS Code和CMD即可。下次可直接在VS Code中通过“文件→打开文件夹”选择“hello”文件夹继续编辑。
