当前位置: 首页 > news >正文

前端新手入门-HBuilder工具安装

HBuilder的安装

第一步:网页打开HBuilder官网

官网链接地址https://www.dcloud.io/

第二步:点击如图所示的HBuilderx的图标

第三步:选择对应的安装包点击

根据你自己电脑是什么系统的,按照选项选择对应的安装包下载
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

由于本博主的是windows系统就选对应的windows版本了,直接选择正式版就好,虽然本博主给出了版本区别提示,但是先不要纠结其他版本问题。

第四步:选择你要存放安装的路径

在这里插入图片描述
建议放在你空间足够且专门存放软件安装的路径盘,不建议放在C盘。

第五步:选择下载好的压缩包右键点击解压到带有名字的文件夹,或者解压到你指定的空文件夹

在这里插入图片描述

第六步:解压完成后找到你解压后的文件夹

在这里插入图片描述
点击这个文件夹进入,选择带绿色图标且后缀为.exe的这行
在这里插入图片描述
点击右键创建桌面快捷方式
在这里插入图片描述
到时桌面你就能看到这个图标了
在这里插入图片描述

第七步:点击图标,打开软件

点击桌面图标
在这里插入图片描述
打开页面之后,你可以选择直接新建项目,或者点击左上角的文件
在这里插入图片描述
一般后期都是点击左上角的新建文件或者你之前有建好的文件项目可以选择打开文件目录,至此你软件安装成功,后续就可以建立项目文件写代码了。
在这里插入图片描述

第八步:点击新建,选择创建目录

在这里插入图片描述

第九步:输入你的目录名字和选择你存放目录项目文件的路径

在这里插入图片描述
在这里插入图片描述
要注意,如果你选择的路径不存在他会提示你是否创建,如果存在会创建成功,不存在你也可以让它帮你创建
在这里插入图片描述

第十步:点击文件,打开目录,选择你创建的文件的路径

在这里插入图片描述
在这里插入图片描述

第十一步:新建你的第一个html文件

在这里插入图片描述
在这里插入图片描述
取名字.html,点击创建

第十二步:编写内容并运行

在这里插入图片描述
打开创建的html文件,在body标签里面写上你想写的内容,注意要ctrl+s一下保存内容
在这里插入图片描述
点击运行到你指定的浏览器运行,就出现效果如下:
在这里插入图片描述
至此,你完成了你的HBuilder的安装和编写你的第一个html文件并运行成功了

http://www.dtcms.com/a/524496.html

相关文章:

  • AceContainer::Initialize()函数的分析
  • 石家庄网站建设方案咨询涉县住房与城乡建设厅网站
  • 鸿蒙Next媒体开发全攻略(ArkTS):播放、录制、查询与转码
  • vs2015网站开发基础样式福田庆三下巴
  • Hugging Face介绍
  • 要建立网站和账号违法违规行为数据库和什么黑名单企业所得税优惠税率
  • 大模型训练中的关键技术与挑战:数据采集、微调与资源优化
  • 【文献笔记】arXiv 2018 | PointSIFT
  • 如何检测和解决I2C通信死锁
  • 深度学习快速入门手册
  • 如何看待 AI 加持下的汽车智能化?带来更好体验的同时能否保证汽车安全?
  • Linux中的一些常见命令
  • 三步将AI模型转换为 DeepX 格式并完成精度评估
  • 做第一个网站什么类型天津市建筑信息平台
  • 找一个网站做优化分析app界面设计属于什么设计
  • 【开题答辩全过程】以 毕业设计选题系统的设计与实现为例,包含答辩的问题和答案
  • 语言基础再谈
  • 网站后台用什么开发网页制作怎么做多个网站
  • 每周读书与学习->JMeter主要元件详细介绍(二)函数助手
  • asp网站开发技术免费建网站模板平台
  • 前端竞态问题是什么?怎么解决?
  • 问题记录--elementui中el-form初始化表单resetFields()方法使用时出现的问题
  • 运用jieba库解决词频分析问题
  • 【Linux】自动化构建工具--make/Makefile
  • 乡镇网站建设工作计划商城网站支付端怎么做
  • 咸阳网站开发公司电话seo网站关键词排名优化公司
  • 八股文面试题(全栈所有)
  • Mac Studio 和 DGX Spark 可用性分析
  • 【小白笔记】「while」在程序语言中的角色
  • 网站推广员怎么做怎么投诉网站制作公司