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

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

相关推荐
VidDown14 天前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
qq_3692243314 天前
Windows全系通用!ntdll.dll文件丢失、报错、闪退问题的完整排查与修复教程
windows·dll·dll修复·dll丢失·dll错误
VidDown14 天前
显卡处理视频技术详解:从硬解码到 NVENC,GPU 如何让视频处理起飞?
javascript·编辑器·音视频·视频编解码·视频
阿米亚波14 天前
【Windows】QEMU 启动 openEuler aarch64/arm64 架构系统 + 离线软件源
linux·windows·经验分享·笔记·架构·arm
caimouse14 天前
Reactos 第 10 章 网络操作 — 10.3.1 NIC驱动
网络·windows
初圣魔门首席弟子14 天前
Node.js 详细介绍(知识库版)
windows·qt·node.js·知识库
夜猫逐梦14 天前
【UE基础】03.蓝图与编辑器工作流
编辑器·ue·蓝图·ue编辑器
VidDown14 天前
视频帧率技术详解:从 24fps 到 120fps,帧率如何影响你的观看体验?
网络·网络协议·编辑器·音视频·视频编解码·视频
爱就是恒久忍耐14 天前
VSCode里如何比较2个branch
ide·vscode·编辑器
CHENG-JustDoIt14 天前
AI工具 | 爆火开源项目Odysseus AI 工作台:从项目介绍、部署情况及其使用等多方位分析指南(含详细步骤)
大数据·人工智能·windows·python·ai·开源·github