• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

LAYA和TypeScript制作H5——准备工作

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

查看上一篇:
Laya和TypeScript制作H5——开始

第一步:
打开引擎,新建项目,选择layaair空项目,类型为typescript。
第二步:
熟悉和了解一个laya ts空项目的组成和他的功能。

上图中标出了四个需要重点关注的文件夹。下面会分别介绍:
1. src文件夹:
我们编写H5时的核心文件夹,所有的TS代码都在这里。包括引擎页面发布后的页面代码也会在这里。
目前文件夹中只有一个名为LayaSample.ts的文件。
这个文件是ts代码的起始位置。
2. libs文件夹:
由于使用的是typescript。所以需要添加ts的类型定义文件。这个文件夹就是存放ts类型定义文件的。有了这个文件,我们ts的代码才不会报错。
由于我们只涉及到laya1的2d项目,不涉及小游戏所以这个文件夹里的union.d.ts和laya.minigame.d.ts均可以删除。(union.d.ts文件是laya为了做多平台适配的代码,在laya1中会引起报错,可以直接删除)大多数时候,我们不需要修改libs文件夹。
3. laya文件夹:
主要是用来存放页面所需的图片以及页面的page文件。我们在需要制作H5页面时,需要将页面所需的资源放到assets文件夹下。才能直接使用到页面当中。
4. bin文件夹
bin文件夹是一个需要重点关注的文件夹,他是整个项目的集合之地:
1,用来存放编译后的ts代码。
2,用来存放发布和压缩后的页面素材。
3,用来存放引擎js源代码。
4,用来存放index.html文件,这个文件是项目在本地运行时的启动文件。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript入门发布时间:2022-07-18
下一篇:
Vue3.x 从零开始(五)—— Router + Vuex + TypeScript 实战演练(上) ...发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap