HBuilderX新手入门:快速搭建网页指南

1. 准备工具



- 下载并安装 HBuilderX :前往官方网站下载"HBuilderX" 并解压到桌面





2. 新建项目


1. 打开 HBuilderX,点击左上角「文件」→「新建」→「项目」

2. 选择「普通项目」,模板可以选择基本项目,并给自己写一个项目名称,并更改为自己好找的路径

3. 点击「创建」,项目就建好了





3. 写 HTML 页面

1. 打开 index.html ,HBuilderX 会自动生成基础代码,现在就可以直接在里面写自己网页的内容同时可以改自己网页的样式:

2.按 Ctrl+S 保存文件





4. 预览页面



1. 在 HBuilderX 右上角,点击「运行」→「运行到浏览器」→ 选择自己可运行的浏览器

2. 浏览器会自动打开 index.html ,然后就能看到自己写的页面了