HBuilder 使用教程

2024-06-30 06:17:16

HBuilder 使用教程

什么是HBuilder？

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

如何安装 HBuilder？

HBuilder下载地址：在HBuilder官网http://www.dcloud.io/点击免费下载，下载最新版的HBuilder。

HBuilder目前有两个版本，一个是windows版，一个是mac版。下载的时候根据自己的电脑选择适合自己的版本。

使用HBuilder新建项目

依次点击文件→新建→选择项目

项目名称顾名思义，就是你创建项目的名字。
下面一栏是你创建项目所存放的地址。

使用HBuilder创建HTML页面

在你创建项目上右击，依次选择新建->HTML文件(如要创建其他文件，比如css文件，js文件，一样操作)

1.是你创建的HTML文件的名称
2.是HTML文件创建所在路径(存放位置)

使用HBuilder边改边看试试查看编程效果

win系统按下Ctrl+P(MacOS为Command+P)进入边改边看模式,在此模式下,如果当前打开的是HTML文件，每次保存均会自动刷新以显示当前页面效果(若为JS、CSS文件，如与当前浏览器视图打开的页面有引用关系，也会刷新)

HBuilder 使用教程相关推荐

hbuilder app教程
hbuilder工具,可以用来开发HTML5 APP,也可以开发WEB项目.因WEB项目,已有很多的工具支持.因此,在这里只介绍如何用hbuilder工具实现HTML5 APP的开发. 下面是我搜索整 ...
HBuilder安装教程
推荐:一个适合自学的网址- - -> 自学网站 1.下载教程 1.1:HBuilder的简介: HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE.HBuild ...
Hbuilder快捷键教程
/*注:本教程针对HBuilder5.0.0,制作日期2014-12-31*/ 创建HTML结构: h 8 (敲h激活代码块列表,按8选择第8个项目,即HTML代码块,或者敲h t Enter) 中途 ...
HBuilder 安装使用教程
前段时间朋友让我帮忙打包一个 IPA 文件(使用 HTML5 开发的 Web 应用),了解到 HBuilder 这款 H5 开发神器.之前一直使用 WebStorm 开发 H5,闲来无事也学习下 HB ...
hbuilder打包ios_ios开发证书的作用及申请步骤
iOS开发证书顾名思义就是在iOS应用开发过程中使用的. 在开发过程中打包安装到真机测试调试,解决开发过程的bug! 下面介绍申请步骤. 一.下载安装iOS证书申请辅助软件Appuploader A ...
优秀程序员必学的开发工具教程！
作为一名优秀的程序员,总要有几个压箱底的好技术.如果你对Dreamweaver.Eclipse.Firebug.HBuilder.Vim.Sublime Text等开发工具熟练运用,相信你是位成功的开 ...
2019年苹果iOS App上架详细图文教程
上架基本需求资料 1.苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2.开发好的APP 通过本篇教程,可以学习到ios证书申请和打包ipa测试上架的完整流程,中途可能会遇到一些报错,一般 ...
苹果TestFlight测试操作图文教程（测试后提交App Store审核）
上架基本需求资料 1.苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2.开发好的APP 通过本篇教程,可以学习到ios证书申请和打包ipa上传到appstoreconnect.apple ...
Windows申请iOS证书上架App Store详细教程（有这一篇就够了）
Windows申请iOS证书上架App Store详细教程上架基本需求资料 1.苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2.开发好的APP 通过本篇教程,可以学习到ios证书申请 ...

最新文章

热门文章