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.运行的话,这里就可以选择想在哪个游览器里面运行就可以了。

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

相关推荐
埃博拉酱3 天前
VS Code Remote SSH 连接 Windows 服务器卡在"下载 VS Code 服务器":prcdn DNS 解析失败的诊断与 BITS 断点续传
windows·ssh·visual studio code
唐宋元明清21883 天前
.NET 本地Db数据库-技术方案选型
windows·c#
加号33 天前
windows系统下mysql多源数据库同步部署
数据库·windows·mysql
tryCbest3 天前
Windows环境下配置pip镜像源
windows·pip
呉師傅3 天前
火狐浏览器报错配置文件缺失如何解决#操作技巧#
运维·网络·windows·电脑
百事牛科技3 天前
保护文档安全:PDF限制功能详解与实操
windows·pdf
一个人旅程~3 天前
如何用命令行把win10/win11设置为长期暂停更新?
linux·windows·经验分享·电脑
一个假的前端男3 天前
[特殊字符] Flutter 安装完整指南 Windows—— 2026最新版
windows·flutter
山峰哥3 天前
吃透 SQL 优化:告别慢查询,解锁数据库高性能
服务器·数据库·sql·oracle·性能优化·编辑器
倚肆4 天前
在 Windows Docker 中安装并配置 Nginx (映射 Windows 端口与路径)
windows·nginx·docker