526互联

篇章一 HBuilderX下载与使用

发布时间 2023-09-08 20:24:19作者: 博客zhu虎康

HBuilderX下载与使用

一、下载

网址：https://www.dcloud.io
HBuilder目前有两个版本，一个是windows版，一个是mac版。

1. 点击链接进入网站

在这里插入图片描述

2. 进入Hbuilder官方网站

在这里插入图片描述

3. 下载

在这里插入图片描述

4. 解压

在这里插入图片描述

5. 找到执行文件

在这里插入图片描述

6. 打开HBuilder

双击这个文件就可以打开HBuilder这个开发编辑器了，因为我们是直接解压使用的。所以找起来会很麻烦，你可以将【HBuilder.exe】这个执行文件发送到桌面快捷方式，这样每次使用的时候直接在桌面就可以打开。如下图所示：
在这里插入图片描述

二、HBuilder IDE的使用

1. 双击启动文件

在这里插入图片描述
打开之后，你会发现HBuilder的编辑器风格是黄色系，对眼睛比较好，不同于其他编辑器以黑白为主。而且它非常人性化，给你很多的新手入门提示

2. 新建项目

  • 新建一个Web项目，依次点击【文件】【新建】选择【Web项目】
    或者按下Ctrl+N，选择【Web项目】快速新建
    在这里插入图片描述
    在这里插入图片描述