1.1.7 • Published 2 years ago
plugin-auto-upload-playcanvas v1.1.7
vite-plugin-autoUploadPlaycanvas
这是一款支持本地开发playcanvas的插件
为什么要开发这个插件
1、在使用playcanvas在线编辑器时，会受到网络的问题，每次编译预览需要等比较长的的时间。 2、编辑器毕竟是在线的，很多插件没法使用。
这个插件的效果
1、可以使用本地的任何一个IDE工具进行开发。配合最好的vscode 2、配合Vite开发工具，可以实时预览开发效果 3、最总要的是，每一变更的资源文件都会同步到playcanvas在线项目中，保持2边的同步
##使用流程 先将playcanvas的工程文件打包下载到本地。（注意下载时不要选择代码混淆） 本地开发选择vite工具 npm i plugin-auto-upload-playcanvas
vite配置
import autoUploadPlaycanvasPlugin from "plugin-auto-upload-playcanvas";
plugins: [
autoUploadPlaycanvasPlugin({
apiKey: "*********************",
branchId: "*********************",
project_id: "1072720",
scenes: [1701506],
localPort: "8003",
unzipDir: "playcanvas",
}),
],选项说明
| 名称 | 类型 | 描述 |
|---|---|---|
| apiKey | string | playcanvas个人中心生成的apikey |
| branchId | string | playcanvas项目中分支的ID |
| project_id | string | playcanvas的项目ID |
| scenes | object | 需要下载同步的场景（配合谷歌插件使用，请页面滚动到下方加微信） |
| localPort | string | 下载同步的服务端口（配合谷歌插件使用，请页面滚动到下方加微信） |
| unzipDir | string | 下载同步的文件夹（配合谷歌插件使用，请页面滚动到下方加微信） |
##本地开发模版脚手架
template/LocalePlaycanvasTemplate
如果在playCanvas在线端修改的资源和js代码怎么办？
没关系，我这边也开发一款chrome的扩展程序。 目前还没发布到谷歌商店，你可以联系我，我可以私发给你。