# 第三步：连接云端

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

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

## 1️⃣ 登录神岛账号

1.  **启动登录窗口**

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

1.  **浏览器授权**：VS Code 会自动打开浏览器跳转到神奇代码岛的授权页，点击“允许”授权即可。
1.  **登录成功**：返回 VS Code，你会看到右下角状态栏的 `Arena` 图标变为 **绿色**，并显示你的昵称。

![登录成功](/QQ20241128-220642.png)

## 2️⃣ 链接扩展地图

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

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

![选择目标地图进行链接](/QQ_1721015607139.webp)

## ✅ 连接成功

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

现在，让我们正式开始激动人心的编码环节。请继续阅读下一章节：**[HelloWorld：你的第一个 ArenaPro 程序](../03-basic-tutorial/01-hello-world-tutorial.md)**。

---

你已经完成了 ArenaPro 的快速上手引导。现在，你可以进入下一个教程，开始真正的编码实战了。
