Skip to content

🖥️ 运行地图指南

本指南将帮助你了解如何在创作端运行已编译上传的地图代码。

提示

💡 最佳实践

建议说明
浏览器选择为了获得最佳的创作体验,建议直接使用系统浏览器打开创作端,避免 VSCode 内 iframe 适配问题
多屏工作推荐使用双显示屏或双桌面配置,可以同时进行代码编写和地图预览,提升工作效率

更多详细信息,请参考:多桌面开发最佳实践

🚀 快速开始

1️⃣ 打开地图界面

快速操作:点击链接快速打开创作端 👉 打开地图创作端

或 手动调用打开:

步骤操作说明
1定位并打开项目中的 dao3.config.json 配置文件
2点击"打开创作端"按钮
3创作端界面将自动加载

地图界面操作流程

2️⃣ 运行地图代码

步骤操作说明
1切换到"脚本"界面,查看已上传的代码文件
2确认入口文件中已引入对应的 bundle 文件
3点击"运行"按钮,查看地图效果

代码引入示例

javascript
// 服务端
require("./_server_bundle.js");

// 客户端
import "./_client_bundle.js";

代码运行效果

📋 运行注意事项

注意点说明
自动引入构建时会自动生成 bundle 文件,无需手动创建
热更新修改代码后,需要重新构建并上传才能在创作端看到效果
调试方式可以使用浏览器控制台查看日志输出和调试信息

警告

⚠️ 重要提示:确保在运行前已成功构建并上传项目,否则将无法看到最新代码效果。

🔄 开发工作流

阶段操作
代码编写在 VS Code 中编写和修改代码
构建上传使用"完整构建项目"功能上传到服务器
运行测试在创作端运行并测试代码效果
调整优化根据测试结果修改代码并重复上述流程

信息

📚 提示:养成良好的开发习惯,可以显著提升开发效率。建议在修改代码后立即构建并测试,避免积累过多未测试的改动。