HBuilderX安装入门教程(非常详细)图解

软件介绍

HBuilder X是一款为前端量身订制的多功能代码编辑器,它有飞一样的编码、最完整的语法库和浏览器兼容数据、能够方便制作手机APP,还有保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。

安装步骤

一、下载安装

1.在地址栏中直接输入https://www.dcloud.io

2.点击箭头所指,进去过后点击DOWNLOAD

3.点击过后 选择自己所需要的版本。

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

4.下好后,进行解压。

5.HBuilderX是免安装的,所以解压过后,点进去就往下拉就看得到HBuilderX图标。

不会创建桌面快捷方式的宝宝看过来:

右击【HBuilderX.exe】这个执行文件,选择【创建快捷方式】,就会在刚刚的文件下出现一个快捷方式,选中后拖到桌面上就行。

6.点进去过后就会弹出选择什么主题。

点进去过后现在自己喜欢的主题就ok啦!

2.启动

1.进入我们的项目建立阶段,点击"新建项目",创建项目名称,设置项目所在的位置确定即可,完成之后会在左边的项目栏管理器中出现。

2.运行的话,这里就可以选择想在哪个游览器里面运行就可以了。

谢谢觉得有用的话 关注一波点个赞哦!!!!

相关推荐
Dontla21 小时前
VSCode打开关闭控制台面板快捷键ctrl+`(terminal快捷键、vscode控制台快捷键)
ide·vscode·编辑器
面对疾风叭!哈撒给1 天前
Windows 11 系统更新操作设置停止更新的时间
windows
小飞侠在吗1 天前
Windows 下 Nginx 访问 127.0.0.1 报 50x 错误:根因是路径里 \t 被当成 Tab
运维·windows·nginx
笨笨饿2 天前
#109_BK7258 蓝牙 A2DP 音频数据通路深度解析
python·stm32·单片机·mcu·物联网·编辑器·音视频
水饺编程2 天前
第5章,[Win32 章节] :贝塞尔样条曲线(一)
c语言·c++·windows·visual studio
辻弋2012 天前
一键优化电源计划、游戏模式、独显强制、禁用后台录制——DeltaForceBooster专治三角洲行动卡顿掉帧,所有改动可一键还原
服务器·数据库·windows·游戏·电脑·php
言乐62 天前
Python实现自动拉人脚本示例
开发语言·windows·python·django·pygame
深念Y2 天前
OnlyOffice 打开来自 Windows/WPS 的 Office 文档时,出现排版错乱、文字空白、字体显示异常。
linux·windows·debian·onlyoffice·字体·wps·office
易点云徐源2 天前
(已解决)adb devices 不显示设备,但 Windows 的 ADB Interface 正常:一次 WinUSB 与旧版 ADB 兼容性排查实战
windows·adb