Hbuilder 安装

Posted zss0520

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Hbuilder 安装相关的知识,希望对你有一定的参考价值。

HBuilder的安装与使用

  • Hbuilder是由有我国的 前端(页面) 后端(编程) 开发人员编写的一款前端开发IDE,
  • 绿色软件 免安装 解压了直接就能用

 

安装HBuilder

在百度搜索 Hbuilder 

技术分享图片

 

 

进入官网之后,找到“Hbuilder”的栏目,跳转到Hbuilder的下载页面

 技术分享图片

 技术分享图片

 

 

 点击页面上的 DOWNLOAD 按钮 下载Hbuilder , 点击按钮后会弹出下载版本,根据自己的电脑版本下载即可

技术分享图片

 

 

下载好之后我们会得到一个压缩包

 找个非C盘根目录解压它就可以了

 双击打开文件夹,双击程序运行即可

 技术分享图片

 

此处我们会看见HBuilder的自述文件,就是说一下好处此处可以省略

技术分享图片

 

 使用HBuilder

创建项目 点击 "文件" --> "新建" --> "项目"

技术分享图片

 

 

 在弹出的对话框中输入项目名称并选择项目位置

技术分享图片

 

 

 创建好项目之后,我们会看到里面有首页index.html,有JS文件夹,有CSS文件夹,还有图片的文件夹,基本齐全。

 技术分享图片

 

  • css文件夹用来存放 .css后缀的 样式文件
  • img 文件夹用来存放网页中用到的图片,所以网页中如果用到声音 可以创建 audio 文件夹 如果用到视频可以创建 video 文件夹
  • js 文件夹用来存放 .js后缀的 脚本文件
  • index.html 是一个网站的首页,

 

运行

双击打开index.html 然后在body标签里写内容即可

 技术分享图片

 

运行结果

技术分享图片

 

以上是关于Hbuilder 安装的主要内容,如果未能解决你的问题,请参考以下文章

hbuilder怎么打包ios的app

hbuilder怎么运行python

前端开发工具之Hbuilder简介和安装

hbuilder 怎么和海马玩模拟器连接

hbuilder怎么打包app

HBuilder超详细下载安装教程