HBuilder X安装教程(2023年,3月)

一,下载HBuilder

1.点击链接进入HBuilder官网:https://www.dcloud.io/

2.点击【Download for Windows】下载正式版压缩包。

3.或者点击【more】展开选择Windows“正式版”,点击【.zip↓】下载压缩包。

【正式版】:指的就是已经发布过的版本,比较稳定。

【Alpha】:指的就是内侧版,就是未来可能会正式发布的,先让用户体验一下,还处于测试中,会不断的更新,相对于正式版不是很稳定。

【Windows】:指的是Windows操作系统。【MacOS】:指的是苹果操作系统。

二,安装HBuilderX

1.双击桌面的【此电脑】,点击【下载】找到HBuilderX压缩包。(仅供参考,每个解压软件都不同)

2.鼠标左键单击选中“HBuilder文件压缩包”,然后右键单击找到【解压文件】。

 3.选择解压到“D盘”,然后点击【确定】。(建议新手不管是解压文件,还是安装软件都装在其他硬盘里,只要不安装在C盘里就行。)

 4.去D盘里找到你刚解压完的“HBuilderX文件”,然后鼠标双击打开。

5.鼠标左键单击“HBuilderX”,然后右键单击找到【创建快捷方式】。

6.然后把创建好的快捷方式拖到桌面,或者用快捷键Ctrl+X把【HBuilderX快捷方式】粘贴到桌面上,然后就双击打开“HBuilderX”软件就可以使用了。

7.如果觉得快捷方式这几个字有点多余,可以鼠标右键单击【重命名】把“快捷方式”这几个字删掉,这个不会影响HBuilderX运行。

三、用HBuilder X编写HTML代码

1、双击桌面HBuilder X启动,点击左上角的“新建”按钮,然后选择.html文件

 2、把"new_file"删掉,取名为“chapter01”(第一章的意思),名字可以随便取,取完名后,去D盘里新建一个文件夹取名为“HTML.homework”,名字也可以随便取,你只要知道这个文件夹是用来存放你以后编写html代码文件的存放地址就行了,点击浏览选择你刚刚创建好的文件,点击确定。然后点击【创建】。D:/HTML.homework指的就是我的文件存放路径在D盘里HTML.homework文件夹里

 3、在<body>标签里输入一下代码:

<h1>这是我的第一个html代码</h1>

4、输完代码后,点击左上角“保存”按钮保存文件或者按Ctrl+S快捷方式进行保存。

5、点击左上角的【运行】→【运行浏览器】→点击【Chrome】运行代码,选择哪个浏览器运行都行,【Chrome】是谷歌浏览器,【Firefox】是火狐浏览器,【IE】是IE浏览器,【Edge】是Edge浏览器。

 6、运行结果如下:

感谢观文,有缘再见!

猜你喜欢

转载自blog.csdn.net/hh2093531258/article/details/129520802