码迷,mamicode.com
首页 > 其他好文 > 详细

Hbuilder 安装

时间:2018-12-25 00:53:59      阅读:351      评论:0      收藏:0      [点我收藏+]

标签:压缩包   程序   body   栏目   安装   微软   ima   data-   VID   

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 安装

标签:压缩包   程序   body   栏目   安装   微软   ima   data-   VID   

原文地址:https://www.cnblogs.com/zss0520/p/10171768.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!