egret学习记录（一）--webstorm+egret+fairygui环境搭建

最新推荐文章于 2024-03-29 09:37:00 发布

原创

最新推荐文章于 2024-03-29 09:37:00 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#TypeScript #WebStorm #Egret #FairyGUI

本文档详述了使用WebStorm搭建Egret和FairyGUI开发环境的步骤，包括Egret Launcher的下载与安装，WebStorm的配置要点，以及FairyGUI SDK的集成方法，确保开发者能顺利进行TypeScript游戏项目开发和调试。

最近工作需要，开始学习egret+fairygui，话不多说直接进入正题。

预备工作：node.js, ts的安装请自行百度或者参考此链接。

一. egret相关环境

这部分不赘述，直接官网下载egret launcher，按需下载引擎和IDE即可，安装好后新建游戏项目尝试运行，没问题就OK。

二. 使用webstorm

csdn已经有在WebStorm中使用egret的注意点这篇文章可以做参考，步骤十分详细，给大家划个重点：

这里注意program项和working directory项可以按此链接配置。

完成上述配置后，看看自己的项目中的tsconfig.json文件中是否配置了图中这一项：

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Stack820

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

WebStorm开发TypeScript的相关设置

飞天代码的博客

09-10

1190

最近公司采用typescript来编写组件，一开始都是手动tsc来将ts文件编译成js文件。用了一天后，都要疯了，还是直接设置webstorm来自动生成js吧。第一步：安装node就不介绍了第二步：当然就是安装typescript了 npm install typescript -g 安装完了，执行tsc -v看下版本第三步：配置tsconfig.json文件我的文件内容大概如下： ...

白鹭(egret)工具集介绍二

听风看海的博客

12-06

2739

白鹭[egret]工具集介绍二前言一、Egret Wing 3二、Res Depot三、Texture Merger四、Egret Feather五、Egretia Server六、Egret Compiler七、Egret UI Editor八、DragonBones九、Egret Pro十、Egret Inspector十一、Lakeshore总结想一起讨论/学习微信小游戏开发的，GO语言开发的，请微信搜索/扫码下方小程序加博主微信群前言这里开始要介绍我们经常用到的egret的工具了，非常实用而且

参与评论您还未登录，请先登录后发表或查看评论

Egret之WebStorm

weixin_34200628的博客

10-09

187

本人的版本是2017.2.4首先是安装并破解webstorm.这里不做介绍,搜度娘一大堆.步骤一 , 配置测试浏览器: ①:Run -> Edit Configurations... 如下图所示: ②:打开<Run/Debug Configurations>面板,在面板中添加一个浏览器的配置:下图添加的是Chrome host : localhos...

【Egret】在WebStorm里使用Egret Engine 的注意点

weixin_30352645的博客

09-06

166

1.开启代码提示 2.修改egret code后，自动编译新egret code 按照下图进行设置： ①打开“File—settings” ② ③ （PS：webstorm打开目录为当前项目目录） 3.设置启动/运行 ①打开“File—settings” ②打开“Run—Edit Configurations” ③ （PS：web...

FairyGUI-egret：构建优雅的游戏UI解决方案

最新发布

gitblog_00065的博客

03-29

448

FairyGUI-egret：构建优雅的游戏UI解决方案项目简介是一个专为Egret游戏引擎设计的强大的图形用户界面（GUI）工具库。它允许开发者高效、直观地设计和创建复杂的游戏UI，无需深入学习底层渲染细节，极大地提升了开发效率。技术分析 FairyGUI-egret 基于Egret白鹭引擎，充分利用了其2D渲染能力。核心特性包括：可视化编辑器：提供了一个完整的图形化设计环境，可以离线...

Egret与FairyGUI的小技巧记录（持续更新）

Stack820的博客

05-23

1931

1.如何在egret中使用fairygui的像素点击测试？ fairygui并没有针对egret实现pixelHitTest，原因不详。考虑到fairygui中的UIContainer是用hitarea来测试点击的，所以针对这一点做了一些处理：//重写fairygui UIContainer hitTest 方法 UIContainer.prototype.$hitTest = fu...

微信小程序学习笔记（一）：EgretWing中打开小程序项目并进行debug ...

03-29

其实我们现在已经完成了第一个小程序的创建了，但是经我亲测，官方的开发工具确实不怎么好用，所以为了提高开发效率，我也试过了很多IDE，最可惜的是Webstorm不支持小程序语法，也不支持预览模式，所以最后我选择了...

Windows 系统下安装和部署Egret的开发环境

09-04

在Windows系统下搭建Egret开发环境涉及多个步骤，首先需要确保安装了一系列基础支持工具。Egret是一个基于TypeScript开发的游戏框架，因此安装过程中，我们要从以下几个关键组件入手： 1. **安装Node.js** - 访问...

Windows环境下搭建Egret开发环境步骤

在Windows系统下搭建Egret开发环境，首要任务是安装一系列必要的软件，包括Node.js、TypeScript、TypeScript代码编辑器、HTTP服务器（可选）以及Chrome浏览器（可选）。本文将详细讲解如何在Windows环境下安装Egret...

Mac OS X 系统下安装和部署Egret引擎开发环境

09-04

在Mac OS X系统下安装和部署Egret引擎开发环境是一项必要的步骤，特别是对于使用TypeScript进行游戏开发的用户。Egret是一个基于TypeScript的开源游戏开发框架，它的核心依赖于Node.js，因为TypeScript的编译工具tsc...

用WebStorm开发TypeScript

热门推荐

弃天笑的程序世界

01-07

3万+

为什么是TypeScript最近在做H5的游戏，最终选定的TypeScript作为开发语言。主要是看重他有强类型和Class，作为习惯使用AS3,Java等强类型编程的人来说，还是习惯这种编程写法。听一些直接使用javascript开发稍微大的游戏的同事说，没有强类调试什么的都比较困难。我个人平时做小游戏用得比较多是纯js，比较大型的倒没尝试，所以这个不好下断论。另外一个主要原因是因为用TypeSc

性能、UX、跨平台：移动Web应用UI框架大比拼

02-21

仅限iOS或跨平台？力求打造惊艳的转换、动画效果和流畅的用户体验？想要快速部署产品？针对高端移动设备还是中低端？对比Ionic、Famo.us、F7、OnsenUI以及AngularMaterialDesign，选择最合适的HybridAppUI框架。本文作者TalGleichger是拥有8年实战经验的资深全栈Web开发者，也是SocialBelong的CTO及联合创始人。在移动开发成为大势所趋之后，转战移动应用开发，在深度接触HybridApp开发的同时，他也对几大开发者使用最广泛的框架进行了使用与对比，剖析优劣，供开发者们参考。在过去的两年里，我一直都在和移动应用打交道，其中绝大部分是基于

FairyGUI-egret:用于白鹭引擎的灵活UI框架

04-28

FairyGUI-egret A flexible UI framework for Egret Engine, working with the FREE professional Game UI Editor: FairyGUI Editor. Official website: 目录结构 source fairygui的源码 test 例子工程,可用Egret Wing直接打开 UIProject UI 工程,可以FairyGUI编辑器打开获取fairygui库如果你只是想添加或者更新fairygui库到你的项目,那么下载以下文件即可: source/bin/fairygui.js source/bin/fairygui.min.js source/bin/fairygui.d.ts 编译源码使用VSC打开source目录,执行gulp build任务. License MIT

WebStorm下使用TypeScript

yhhwatl的专栏

04-21

9067

Cannot start compiler process 最近学习使用LayaBox引擎开发Html5游戏，选择使用TS 原因参见Egret答记者问中一段： Q：之前和几个工程师聊了聊Egret，他们很好奇为什么用TypeScript而不用CoffeeScript 马：TypeScript是微软官方的一种语言，是JavaScript的超集。它遵循的ECMA Script 6.0是下一代的JavaScript。今年年底，微软、谷歌和Mozila三个

webstorm编辑器的使用

Chandler的博客

08-28

1218

webstorm 是和intlij IDEA是同一家公司的产品，作为一名后端程序员去做vue或者react等项目来说是非常舒服的，基本可以说是无缝对接。虽然是同很相似，但是还是有不同的地方，因此写一篇博客记录，并不断的去更新。 1.打开webstorm后，又不想再最小化窗口而又调出命令工具，可以通过快捷键：alt+F12调出在项目里面调出命令行。 2.打开项目后报错，各种抛红，原因是不支持e...

[原创]egret的WebView实现（基于egret2.5）

肖扬的专栏

10-14

9253

客户端开发中有一种很常见的场景就是展现web页面，也就是WebView。例如IOS、Android，都为开发者提供了WebView组件，而在egret中暂时并没有提供WebView组件，所以我们只能自己动手实现一个能在egret引擎中可用的WebView组件。

FairyGUI

any

09-02

2万+

FairyGUI是一款专业的 UI编辑器 FairyGUI UI编辑器操作简单，使用习惯与Adobe系列软件保持一致，美术设计师可以轻松上手。在编辑器即可组合各种复杂UI组件，以及为UI设计动画效果，无需编写任何代码。可一键导出到Unity，Starling，Egret， LayaAir，Flash等多个主流应用和游戏平台。我们的目标：99%的UI制作任务都直接可视化完成！