Hbuilder 下载与安装教程-程序员宅基地

技术标签：软件安装 Hbuilder x 安装下载 Hbuilder 教程

文章目录

Hbuilder下载与安装教程

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软件，打开软件后点击软件顶部的【文件】选项，在弹出的选择中点击【新建】，选您要新建的文件.JS，HTML，CSS等您可以自行选择。
在这里插入图片描述
2、博主选择的是HTML文件，点击HTML文件选项，会弹出新建HTML文件窗口，选择【含mui的HTML】。

3、一个HBuilderX文件就创建好了，输入您要完成的HTML代码就可以了。

4、输入完成后将文件进行保存，您可以使用Ctrl+s键保存文件，或者点击如图中红框标注出的位置也可保存文件。
在这里插入图片描述

5、保存完成后点击HBuilderX软件菜单栏的【运行】选项，点击【运行到浏览器】选项，选择您要运行的浏览器就可以了。
在这里插入图片描述
6、然后在您选择的浏览器中出现运行的结果。

四，Hbuilderx 调试

1、打开hBuilderX找到上方的运行按钮，点击进行连接;通常情况下，是不会连接成功的，还需要进行一些其他的设置，需要将hBuilderX上的工具。
在这里插入图片描述
2、连接成功的话就会出现连接页面，可以看着页面进行更改，但是处理的时候会出现一些问题，就是当你做出更改的时候可能会没有变化，这个时候你需要双击这个按钮从新打开进行调试就可以了。

3、设置内置web服务器的IP地址为自己电脑的地址，以及端口号，确保端口号不冲突。
在这里插入图片描述
4、在左边写代码，保存时右边会自动刷新页面，非常方便调界面。对于less、sass等预编译语言，在ctrl+s后自动输出css后，也会继续激活浏览器的刷新。

5、代码里的一个div点右键，选“高亮浏览器内对应元素”，就会看到右侧浏览器里指定的元素高亮了。

本文链接：https://blog.csdn.net/m0_62617719/article/details/129407726

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

小程序用vant-weapp van-field输入框获取不到输入值问题_vant weapp 输入框只能输入整数-程序员宅基地

文章浏览阅读5.4k次。参考：https://blog.csdn.net/weixin_43242560/article/details/107712748在小程序模拟器上运行输入非常正常，但是用华为真机调试出现问题无法输入英文字母（可以输入英文字母加空格，再把空格删除），可以输入数字查询了很多方法，一个勉强可以的方法是：把bind:change换成了bind:blur，但是在按登录的时候需要按两下才能触发blur失焦作用，提示输入为空。但是还是不够友好，最后全部补成了普通的Input输入框。<van-fie_vant weapp 输入框只能输入整数

怎么取消两台计算机共享,小编教你两台电脑如何共享文件-程序员宅基地

文章浏览阅读1.3k次。有朋友问两台电脑怎么设置共享文件，为了方便我们有时需要设置两台电脑共享文件，可大大提升效率，但是并不知道怎么设置，小编这就给大家介绍局域网共享文件的设置方法，如果你需要可以按照这个教程操作一遍。两台电脑共享文件夹可以很方便的在一台电脑访问另一台电脑的共享文件，并对文件进行各种操作，就像是本机的文件夹一样，两台电脑共享文件夹要怎么做呢？小编现在给各位介绍一下两台电脑共享文件的方法吧。1、配置IP地址..._共享资料可以移除其他电脑吗

Android随笔：Android 效果——水波特效_安卓水波特效不能从圆心开始-程序员宅基地

文章浏览阅读625次。说明：本文算法部分整理自 GameRes 上的资料，原作者 Imagic。我只是在学习 Android 的过程中，想到这个特效，然后就在Android 上实现出来，并在源算法的基础上添加了雨滴滴落特效，以及划过水面时的涟漪特效。该程序在模拟器和真机上运行速度都较慢，需要进一步优化或使用 JNI 实现。示例程序下载：http://www.cppblog.com/_安卓水波特效不能从圆心开始

【OCC学习6】DRAW的图形显示命令_draw test harness线框模式和渲染模式如何设置-程序员宅基地

文章浏览阅读1.1k次。ivtksetdispmode：对象显示模式，0-线框， 1--渲染模式。vaspects：设置对象的属性，包括颜色、材料、透明度、线宽等；vsetmaterial：设置对象的材料；ivtkdump：将显示窗口保存为图片；vsetcolorbg：设置背景颜色；ivtkinit：创建VTK窗口。ivtkdisplay：显示对象。vtriangle：创建三角形。vplane：创建一个平面；ivtkerase：删除对象。vdir：列表显示的对象；vaxis：创建一个轴线；vpoint：创建一个点；......._draw test harness线框模式和渲染模式如何设置

python自动化运维快速入门,python自动化运维开发-程序员宅基地

文章浏览阅读722次，点赞19次，收藏20次。Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。（全套教程文末领取哈）

nuc970 uboot nand-boot，kernel， filesystem 烧录位置_nuc970 uboot-spl.bin-程序员宅基地

文章浏览阅读1.2k次。title: nuc970 uboot nand-boot，kernel， filesystem 烧录位置mathjax: truedate: 2018-11-15 17:39:49tags:nuc970嵌入式开发文件烧写categories: 嵌入式一烧写到Nand Flash**1.1 **相关文件说明l BSP版本：nuc970bsp-release-..._nuc970 uboot-spl.bin

随便推点

Unity之Network场景中物体同步(显示/隐藏)_netcode移动不了物体-程序员宅基地

文章浏览阅读3k次。用的unity5.4中的network的功能进行场景中的物体同步。_netcode移动不了物体

高性能JavaScript——8、编程实践-程序员宅基地

文章浏览阅读654次，点赞28次，收藏20次。道理很简单：JavaScript的原生部分在你写代码之前已经存在浏览器中了，并且都是低级语音编写的，诸如C++。这意味着这些方法会编译成机器码，成为浏览器的一部分，所以不会像自己写的JavaScript代码那样受到各种限制。当你在JavaScript代码中执行另一段JavaScript代码时，都会导致双重求值的性能消耗。预加载适用于一个函数马上就要被用到，井且在整个页面的生命周期中频繁出现的场合。调用延迟加载函数时，第一次总会消耗较长的时间，但随后调用相同的函数就会更快，因为不需要再执行检测逻辑。

Linux环境 solr-7.4.0安装【一篇就够】_using _default configset with data driven schema f-程序员宅基地

文章浏览阅读1w次，点赞4次，收藏12次。一、环境说明三台安装了CenOS7操作系统的虚拟机master（192.168.11.128）、slave1（192.168.11.129）、slave2（192.168.11.30）二、下载solr安装包地址：http://mirrors.shu.edu.cn/apache/lucene/solr/7.4.0/solr-7.4.0.zip三、解压solr安装包[root@..._using _default configset with data driven schema functionality. not recommen