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

随声附和 提交于 2019-12-02 06:48:53

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

一. 软件下载

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

二. 工具结构

在这里插入图片描述

三. 创建项目

在这里插入图片描述

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

在这里插入图片描述

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

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

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

四. 工程目录结构

在这里插入图片描述

LessonHTML:当前工程。

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

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

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

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!