HTML开发工具的安装与使用(HbuilderX)

HTML开发工具的安装与使用(HbuilderX)

文章目录

  • HTML开发工具的安装与使用(HbuilderX)
    • 一. 软件下载
    • 二. 工具结构
    • 三. 创建项目
    • 四. 工程目录结构

一. 软件下载

浏览器搜索HbuilderX下载,下载成功之后根据提示完成安装.(不需要配置环境)

二. 工具结构

HTML开发工具的安装与使用(HbuilderX)_第1张图片

三. 创建项目

HTML开发工具的安装与使用(HbuilderX)_第2张图片

点击左边新建按钮,然后选中项目,弹出如下窗口。

HTML开发工具的安装与使用(HbuilderX)_第3张图片

项目名称:驼峰命名法,多个英文单词组成,每个单词首字母要大写。

路径:自己创建一个文件夹,用该文件夹管理所有的项目工程。

模板:选择基本HTML项目模板,自动生成HTML结构。

四. 工程目录结构

HTML开发工具的安装与使用(HbuilderX)_第4张图片

LessonHTML:当前工程。

Css文件夹:用来管理当前工程中所有的css文件。

Img文件夹:用来管理当前工程中所有图片素材。

Js文件夹:用来管理当前工程中所有的js文件。

Index.html:首页,.html,后缀结尾的都是网页.

你可能感兴趣的:(H5,前端开发工具的使用,HbuilderX,H5)