我国企业网站的建设情况,做炫光素材的网站,网站开发设计方案,建设银行官网首页 网站文章目录Hbuilder下载与安装教程Hbuilder简介一#xff0c;下载Hbuilder二#xff0c;安装Hbuilder三#xff0c;简单使用四#xff0c;Hbuilderx 调试Hbuilder下载与安装教程 Hbuilder简介
Builder是DCloud#xff08;数字天堂#xff09;推出的一款支持HTML5的Web开发…
文章目录Hbuilder下载与安装教程Hbuilder简介一下载Hbuilder二安装Hbuilder三简单使用四Hbuilderx 调试Hbuilder下载与安装教程 Hbuilder简介
Builder是DCloud数字天堂推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。 它基于Eclipse所以顺其自然地兼容了Eclipse的插件。
快是HBuilder的最大优势通过完整的语法提示和代码输入法、代码块等大幅提升HTML、js、css的开发效率。
一下载Hbuilder
1.进入Hbuilder下载网站 2.选择下载版本单击more-windows-.zip开始下载 2.下载进度条
二安装Hbuilder
1.将下载好的zip压缩包解压到自定义的存储位置
2.双击HBuilderX.exe文件启动HBuilder 3.成功启动安装完成
三简单使用
1、打开下载好的HBuilderX软件打开软件后点击软件顶部的【文件】选项在弹出的选择中点击【新建】选您要新建的文件.JSHTMLCSS等您可以自行选择。 2、博主选择的是HTML文件点击HTML文件选项会弹出新建HTML文件窗口选择【含mui的HTML】。 3、一个HBuilderX文件就创建好了输入您要完成的HTML代码就可以了。 4、输入完成后将文件进行保存您可以使用Ctrls键保存文件或者点击如图中红框标注出的位置也可保存文件。
5、保存完成后点击HBuilderX软件菜单栏的【运行】选项点击【运行到浏览器】选项选择您要运行的浏览器就可以了。 6、然后在您选择的浏览器中出现运行的结果。
四Hbuilderx 调试
1、打开hBuilderX找到上方的运行按钮点击进行连接;通常情况下是不会连接成功的还需要进行一些其他的设置需要将hBuilderX上的工具。 2、连接成功的话就会出现连接页面可以看着页面进行更改但是处理的时候会出现一些问题就是当你做出更改的时候可能会没有变化这个时候你需要双击这个按钮从新打开进行调试就可以了。 3、设置内置web服务器的IP地址为自己电脑的地址以及端口号确保端口号不冲突。 4、在左边写代码保存时右边会自动刷新页面非常方便调界面。对于less、sass等预编译语言在ctrls后自动输出css后也会继续激活浏览器的刷新。 5、代码里的一个div点右键选“高亮浏览器内对应元素”就会看到右侧浏览器里指定的元素高亮了。
