IDE介绍_HBuilder的使用

待我称王封你为后i 2023-09-27 13:37 3阅读 0赞

编码工具：

辅助程序员编写源代码的工具，它类似word，我们写文档会打开word文档来编写。

写代码也一样，需要借助工具来开发。

常见的编码工具有记事本、sublime Text、notepad++

![ae93eaf57c8113ed59a3f524ed061aff.png][]

集成开发环境（IDE，Integrated Development Environment ）：

是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。所有具备这一特性的软件或者软件套（组）都可以叫集成开发环境。如微软的Visual Studio系列，Borland的C++ Builder、Delphi系列等。该程序可以独立运行，也可以和其它程序并用。IDE多被用于开发HTML应用软件。例如，许多人在设计网站时使用IDE（如webstorm、DreamWeaver等），因为很多项任务会自动生成。

![2e573d9a61b26008900cad7f66dbb110.png][]

HBuilder使用步骤：

（1）解压

（2）点击HBuilder.exe运行即可，免安装

（3）注册用户并登陆（建议登陆）

（4）选择适合自己的视觉方案

（5）选择主题

（6）创建项目：

![f21ee866fd3e689a3e56171f9ea97a2d.png][]

（7）创建html文件：

![8dde38aa87498611b67882da97a413b1.png][]

（8）在空白界面中 快捷键 h8:

<html>
            <head>
                    <title></title>
            </head>
            <body>
                    this is my second html...
            </body>
    </html>

保存：ctrl+s

（9）运行：

![8eab03f7bfa2b3974ac5e3458811db2c.png][]

[ae93eaf57c8113ed59a3f524ed061aff.png]: https://img-blog.csdnimg.cn/img_convert/ae93eaf57c8113ed59a3f524ed061aff.png
[2e573d9a61b26008900cad7f66dbb110.png]: https://img-blog.csdnimg.cn/img_convert/2e573d9a61b26008900cad7f66dbb110.png
[f21ee866fd3e689a3e56171f9ea97a2d.png]: https://img-blog.csdnimg.cn/img_convert/f21ee866fd3e689a3e56171f9ea97a2d.png
[8dde38aa87498611b67882da97a413b1.png]: https://img-blog.csdnimg.cn/img_convert/8dde38aa87498611b67882da97a413b1.png
[8eab03f7bfa2b3974ac5e3458811db2c.png]: https://img-blog.csdnimg.cn/img_convert/8eab03f7bfa2b3974ac5e3458811db2c.png