第三步：连接云端

你的本地项目已经创建完毕，现在我们必须完成最关键的一步：将它与你的神岛账号和云端地图关联起来。只有这样，你才能将写好的代码上传到游戏中。

这个过程分为两步：① 登录账号 -> ② 链接地图。

1️⃣ 登录神岛账号

我们提供了两种登录方式。强烈建议所有用户使用第一种“一键授权”方式，它更简单、更安全。

方式一：一键授权登录 (强烈推荐)

这是最快、最简单的登录方式。它通过浏览器插件来安全地完成授权，无需你手动复制任何信息。

1. 安装浏览器插件：为了让 VS Code 能和浏览器安全通信，你需要先安装“神岛互通”插件。

   • 授权插件安装

2. 启动登录窗口

   • 在 VS Code 右下角状态栏，找到并点击 橙色 的 Arena 图标。
   • 在弹出的菜单中选择 登录神岛账号。

3. 浏览器授权：VS Code 会自动打开浏览器跳转到授权页，点击“授权链接”即可。

4. 登录成功：返回 VS Code，你会看到右下角状态栏的 Arena 图标变为 绿色，并显示你的昵称。

方式二：手动复制信息 (备用)

如果因网络或浏览器限制无法使用快速授权，你可以使用此备用方案。

1. 启动登录窗口

   • 在 VS Code 右下角状态栏，找到并点击 橙色 的 Arena 图标。
   • 在弹出的菜单中选择 登录神岛账号。

2. 获取 User-Agent

   • 在你的浏览器中，打开此链接: https://passer-by.com/browser/
   • 完整复制页面上显示的 User-Agent 字符串。
   • 

3. 获取登录 Token

   • 使用同一个浏览器，确保你已登录神岛官网。
   • 打开此链接: https://code-api-pc.dao3.fun/auth/user
   • 完整复制页面会显示 JSON 数据。
   • 

4. 登录成功：返回 VS Code，你会看到右下角状态栏的 Arena 图标变为 绿色，并显示你的昵称。

2️⃣ 链接扩展地图

账号登录成功后，我们就可以把这个项目和你名下的某张地图绑定起来了。

1. 启动链接向导：在 VS Code 中按下 F1，输入并选择 项目链接地图配置 命令。
2. 选择地图：VS Code 会立刻弹出一个列表，其中包含了你账号下所有可用的扩展地图。
   • 从列表中选择你想要链接的目标地图。
   • 如果该地图下有多个子图，会弹出二级列表让你选择具体的子图。
3. 链接成功：选择完毕后，插件会自动将地图信息写入项目配置文件 (dao3.config.json) 中。

警告

💡 重要说明 ArenaPro 仅支持在扩展地图模式下使用。如果你没有扩展地图，请先在神岛官网创建一个。

✅ 连接成功

至此，你的本地项目已经和云端地图完全关联！所有准备工作均已完成。

现在，让我们正式开始激动人心的编码环节。请继续阅读下一章节：HelloWorld：你的第一个 ArenaPro 程序。

---

上一篇：创建并管理你的项目

下一篇：进入下一章：基础教程