页面初步设计

一、下载Hbuilder X

1.打开官网下载页https://www.dcloud.io/hbuilderx.html

2.点Download for Windows下载即可，得到一个.zip的压缩包

3.右键压缩包，解压到文件夹，进入解压目录，双击HBuilder X.exe/HBuilder即可运行

4.右键HBuilder X.exe，点发送到，创建桌面快捷方式

二、创建普通项目

1.打开HBuilder X,新建普通项目，设置项目名称，选择项目位置，将项目模板选为—基础HTML项目，最后点击创建（N）

2.创建后，可查看一些基础的配置

3.点上面第二行的第二个保存，再点第一行的第6个运行（R）→运行到浏览器→Edge

4.示例（第一个是简单的，第二个是复杂的）