首页 > 母婴教育 > 职业教育 >

HBuilder初级之----如何创建WEB项目

来源:互联网 2023-03-20 14:07:21 114

HBuilder一款很流行的H5开发IDE,从诞生以来,已经迅速成为前端开发工程的主流开发工具,今天将为大家介绍其基础操作之一,如何创建WEB项目。kdO办公区 - 实用经验教程分享!

HBuilder初级之----如何创建WEB项目kdO办公区 - 实用经验教程分享!

工具/原料

  • HBuilder

方法/步骤

  • 1

    打开HBuilder,进入主界面,找到‘项目资源管理器’。kdO办公区 - 实用经验教程分享!

    HBuilder初级之----如何创建WEB项目kdO办公区 - 实用经验教程分享!

  • 1本页面未经许可获取自百度经验
  • 2

    在‘项目资源管理器’空白处右击鼠标,调出其右击功能菜单。kdO办公区 - 实用经验教程分享!

    选择‘新建’->‘WEB项目’。kdO办公区 - 实用经验教程分享!

    HBuilder初级之----如何创建WEB项目kdO办公区 - 实用经验教程分享!

  • 3

    在‘创建WEB项目’弹出框中,维护WEB项目基本的属性:kdO办公区 - 实用经验教程分享!

    项目名称、位置、模板选择、语法等四项kdO办公区 - 实用经验教程分享!

    HBuilder初级之----如何创建WEB项目kdO办公区 - 实用经验教程分享!

  • 4

    位置:创建的WEB项目保存的位置,这里系统默认为C盘(系统盘),建议将其修改为除C盘(系统盘)之外的其他盘,因为万一哪天系统挂掉了,那这些宝贵的代码就难以拿回来了。kdO办公区 - 实用经验教程分享!

    HBuilder初级之----如何创建WEB项目kdO办公区 - 实用经验教程分享!

  • 5

    模板:HBuilder提供了默认的三种模板,在创建WEB项目时,可以使用模板进行创建,以方便目录自动生成,当然也可以自定义模板,并将自定的模板放入到指定的目录下,引入即可。kdO办公区 - 实用经验教程分享!

    HBuilder初级之----如何创建WEB项目kdO办公区 - 实用经验教程分享!

  • 6

    一切准备妥当后,点击‘完成’,一个WEB项目创建完成。kdO办公区 - 实用经验教程分享!

    如果使用模板的朋友,初始化的目录结构也已经创建好了。kdO办公区 - 实用经验教程分享!

    HBuilder初级之----如何创建WEB项目kdO办公区 - 实用经验教程分享!

  • 注意事项

    • 旭日小贝原创经验

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!kdO办公区 - 实用经验教程分享!


    标签: 职业教育

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码