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

2023-11-08

一,下载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文件

或者点击右上角【文件】→【新建】→【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、运行结果如下:

感谢观文,有缘再见!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HBuilder X安装教程(2023年,3月) 的相关文章

随机推荐

  • 树莓派3B+内核编译

    获取内核源码 https github com raspberrypi 选着linux工程代码 https github com raspberrypi linux 版本分支选择rpi 4 14 y 获取内核配置文件 如果已经有内核配置文件
  • ChatGPT的各项超能力从哪儿来?万字拆解追溯技术路线图来了

    作者 符 尧 彭昊 Tushar Khot 郭志江等 符尧 yao fu ed ac uk 爱丁堡大学 University of Edinburgh 博士生 本科毕业于北京大学 他与彭昊 Tushar Khot在艾伦人工智能研究院 All
  • 使用postman实现文件上传与下载

    文件上传 1 设置KEY值为Content Type VALUE值为multipart form data 2 选择Body 类型为form data KEY值下拉选择为file 这样VALUE就会出现选择按钮 最重要的是 KEY值的fil
  • 黑盒测试和白盒测试定义及区别

    简单了解一下黑盒测试和白盒测试 一 定义 1 1黑盒测试 黑盒测试又称为功能测试 主要检测软件的每一个功能是否能够正常使用 在测试过程中 将程序看成不能打开的黑盒子 不考虑程序内部结构和特性的基础上通过程序接口进行测试 检查程序功能是否按照
  • React TypeScript 定义组件的各种方式

    目录 举例说明 1 使用 class 定义 2 使用函数定义 2 1 使用普通函数 2 2 使用函数组件 举例说明 比如我们要定义一个计数器 Counter 它包含一个 label 和一个 button 计数器的初始值由外部传入 点击 bu
  • Java中面向对象详解

    一 成员和局部 成员 也叫全局 分为成员变量和成员方法 定义在类中 方法之外的变量和方法 局部 定义在方法中的 成员变量和局部变量的区别 1 使用范围的区别 成员变量可以在类中的任何方法中使用 局部变量只能在定义它的方法中使用 2 默认值
  • VS2017 编译CGAL4.14.0 64位静态库

    VS2017 编译CGAL4 14 0 64位静态库 下载安装CGAL 4 14 Setup exe 如果下载的是源码压缩包 auxiliary目录下第三方库需要自己编译 打开 安装目录 INSTALL md 按照要求下载编译依赖包 本文编
  • 网站套了cloudflare cdn以后如何获取到用户真实ip

    找到nginx设置 配置修改 或者进入宝塔面板 软件商店 运行环境 nginx 设置 接下来点击 配置修改 然后找到http代码段插入如下代码 set real ip from 0 0 0 0 0 real ip header X Forw
  • HNU小学期计算机系统设计与创新基础训练——基于STC学习板的加密信息存储与游戏操作系统(第二部分实现方式+代码讲解)

    整个工程链接见文章末尾 HNU小学期计算机系统设计与创新基础训练 加密信息存储与游戏操作系统 第二部分 六 实现方式及关键代码 1 变量定义及对应功能 宏定义 变量定义 2 定时器 3 数码管 4 导航按键 4 1 初始化 4 2 获取AD
  • springboot处理请求转发与请求重定向应该这样写

    springboot处理请求转发与请求重定向应该这样写 在没有应用springboot的时候 在servlet中请求转发与重定向是这样写的 导入相关的两个包 import javax servlet http HttpServletRequ
  • 博客目录导读

    文章目录 一 linux代码如何编写记录系列 1 linux驱动代码 2 linux应用代码 二 内核源代码分析 1 linux内存管理系列 2 linux虚拟文件系统 3 linux中断 4 linux内核启动流程 5 linux内核锁
  • UE4 蓝图制作伤害数值

    UE4 蓝图制作伤害数值 新建一个数值的UI 再把内容绑定事件 公开两个变量 用来设置UI的显示数值和生成的位置 还可以加一个动画 我这里是一个向上飘动的动画 点 号新建HUD 再设置到游戏模式方便调用 调用CreateDamage 就生成
  • jsp页面可以在浏览器中运行但无法在eclipse内部显示

    之前在Eclipse中运行一个最简单的jsp页面时 一直显示页面无法正常显示 但是将路径拷贝到浏览器中就可以运行了 这是因为eclipse使用的是操作系统内置的浏览器 所以需要修改内置浏览器配置 command R gt 输入inetcpl
  • Android11获取当前手机已安装应用列表

    最近在上架GooglePlay 奈何Google8月份刚发布的审核警告 Google也说了能适用的APP类型如下 其实 QUERY ALL PACKAGES 这个权限是针对 Android11以及以上系统获取不全当前手机已安装app列表添加
  • chatgpt不好使?那是你不会问,github上收集的100多种问法,让你快速玩转chatgpt

    你觉得没什么可用 是因为你不会用 github上大牛门收集的一百多种问法 快去试试吧 原文地址 https github com f awesome chatgpt prompts 由于是官方问法 有些问法在国内版本可能不太好用 自行调整问
  • 有效需求分析培训梳理(一)

    根据徐锋老师的 有效需求分析 以及参加老师两天的现场培训整理 业务驱动的需求思想 1 澄清问题 a 原始需求是什么层次 方案级 问题级 b 想要解决谁的 什么问题 c 用户现在遇到这个问题会采用什么样的解决方案 d 这个问题中有需要进一步细
  • Stream API ( Java 8 )

    Stream API 简介 Stream API是Java8中的新特性 基于Lambda表达式 对Collection 集合 的各种操作有了很大的改变 极大的提升了编码效率和代码的可读性 Stream有串行和并行两种模式 并行模式会自动创建
  • 【IC设计】ZC706板卡点灯入门(含Verilog代码,xdc约束,实验截图)

    文章目录 假定已知的前置知识 需求 注意点 代码实现 顶层模块 led闪烁模块 xdc约束 这篇博客将针对AMD Zynq 7000 SoC ZC706 Evaluation Kit板卡 对应Vivado创建工程时FPGA型号 XC7Z04
  • Zookeeper工作原理(详细)

    1 Zookeeper的角色 领导者 leader 负责进行投票的发起和决议 更新系统状态 学习者 learner 包括跟随者 follower 和观察者 observer follower用于接受客户端请求并想客户端返回结果 在选主过程中
  • HBuilder X安装教程(2023年,3月)

    一 下载HBuilder 1 点击链接进入HBuilder官网 https www dcloud io 2 点击 Download for Windows 下载正式版压缩包 3 或者点击 more 展开选择Windows 正式版 点击 zi