Egret使用 VSCode 作为集成开发环境下的部署与安装


概述

白鹭推荐开发者使用 VSCode 作为集成开发环境。在 Egret Launcher 1.2.3 版本之后,默认使用 VSCode 打开 Egret 项目。

以上是Egret官网原话,似乎在1.2.3版本之后,更加推荐使用 VSCode 作为集成开发环境,而不再主推EgretWing,以下就是 VSCode 作为集成开发环境的安装部署及前期准备事项。


一、Egret Launcher安装

Egret Launcher中提供了引擎下载、管理、新闻、教程等功能。直接到官网下载 Egret Launcher,并通过其下载您所需要的引擎版本。

安装过程一直下一步直到完成就好。
在这里插入图片描述
选择“引擎”,可以只下载最新版本。
在这里插入图片描述

选择“工具”,可下载和安装开发工具,如下图,Egret Compiler和Egret UI Editor在VSCode 成开发环境是必须装的,Egret Wing则不必,其他辅助工具按需下载。
在这里插入图片描述
选择“项目”,可以管理项目,1.2.3 版本之后,默认使用 VSCode 打开 Egret 项目。
在这里插入图片描述

二、开发环境安装部署

1.安装NodeJS 与 npm

Windows操作系统以管理员模式打开命令行,MacOS / Linux 操作系统请在命令前添加 sudo
下载Node.js,是一个基于 Chrome V8 引擎 的 JavaScript 运行时,我们还需安装一个Chrome 浏览器。
安装好NodeJS与 npm 后,请打开一个命令行,执行如下命令

npm install @egret/setup -g

安装指定版本的引擎

npm install @egret/setup -g

egret-setup install engine 5.3.10

egret-setup list engine

2.VSCode插件安装

在VSCode中的应用商店中搜索并安装Egret Coder
在这里插入图片描述


总结

以前开发一直用的EgretWing,再转换成VSCode开发时也遇到了一些问题,当然你也可能遇不到,例如如果有全局安装过egret(npm install egret -g),记得卸载一下(npm uninstall egret -g)。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Egret是一个HTML5游戏开发引擎,而Egret Webpack是Egret引擎团队为了提高项目编译效率而封装的一个Webpack插件。在Egret 5.3.6版本中,引入了对Webpack的支持。通过使用Webpack,开发者可以显著提高项目的增量编译效率,并能够更好地利用npm上丰富的第三方JavaScript库。Egret Webpack提供了两个插件,分别是WebpackDevServerPlugin和WebpackBundlerPlugin。这两个插件可以被所有Egret项目使用。在构建过程中,这两个插件包含了一个typescript.mode字段,可以设置为legacy或modern模式,用于配置编译设置。在使用Egret Webpack之前,首先需要初始化package.json文件并安装Webpack。可以通过运行npm init命令来初始化package.json文件,然后通过运行npm install --save-dev webpack命令来安装Webpack。Webpack是一款功能强大的模块加载器和打包工具,可以将各种Web开发中常用的静态资源进行统一的管理和打包发布。它可以处理JS(包括JSX)、CoffeeScript、TypeScript、样式(如less/sass)、图片等各种资源,并能够处理模块之间的依赖关系。Webpack具有强大的模块化功能,可以兼容多种JS书写规范。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Webpack 改进编译速度egret(理论)](https://blog.csdn.net/qq_37193522/article/details/121215099)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Egret应用开发实践(01) Egret与WebPack](https://blog.csdn.net/weixin_34060299/article/details/89443497)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值