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

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

相关推荐
向宇it17 分钟前
【从零开始入门unity游戏开发之——unity篇02】unity6基础入门——软件下载安装、Unity Hub配置、安装unity编辑器、许可证管理
开发语言·unity·c#·编辑器·游戏引擎
徐小夕@趣谈前端17 分钟前
可视化大屏编辑器, 开源!
编辑器
天天进步201532 分钟前
TipTap编辑器:现代化的富文本编辑解决方案
编辑器
yngsqq1 小时前
一键打断线(根据相交点打断)——CAD c# 二次开发
windows·microsoft·c#
咸鱼桨2 小时前
《庐山派从入门到...》PWM板载蜂鸣器
人工智能·windows·python·k230·庐山派
滚雪球~3 小时前
如何使用Windows快捷键在多显示器间移动窗口
windows·计算机外设
大猫和小黄4 小时前
Windows、CentOS环境下搭建自己的版本管理资料库:GitBlit
linux·服务器·windows·git
weixin_423196175 小时前
VSCode+WSL作为IDE开发和管理深度学习项目
ide·vscode·编辑器
Schwertlilien5 小时前
图像处理-Ch6-彩色图像处理
windows
乐闻x5 小时前
VSCode 插件开发实战(八):创建和管理任务 Task
ide·vscode·编辑器