> For the complete documentation index, see [llms.txt](https://chainide.gitbook.io/chainide-chinese/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://chainide.gitbook.io/chainide-chinese/chainide/9.-sui-ide/2.-sui-ide-shi-yong-liu-cheng-yan-shi.md).

# 2. Sui IDE 使用流程演示

{% embed url="<https://www.youtube.com/watch?v=5Pq_r5geNl0>" %}

## 1. 编写合约

进入项目后，文件夹中自带的 readme.md 文件会自动预览。&#x20;

<figure><img src="/files/5p2lqTfcedOF9R3tLfGZ" alt=""><figcaption></figcaption></figure>

在 Explorer 栏中，你可以新建文件（夹），刷新目录，下载文件。也可以直接点击模板中自带的文件。

<figure><img src="/files/duTbOhkiHoVXWIj4XHeU" alt=""><figcaption></figcaption></figure>

点击一个合约文件，即可对代码进行编辑操作。

<figure><img src="/files/ikn5bpNXJHVD892Q3qck" alt=""><figcaption></figcaption></figure>

## 2. 测试合约

合约代码编写完成后，点击右侧菜单栏的 Compiler 按钮打开编译模块，选择好 Module Package Path 后点击 Test。

<figure><img src="/files/V1Y0yX4TNvyzZt3EUbLb" alt=""><figcaption></figcaption></figure>

测试成功后，同时控制台上会输出测试结果。

<figure><img src="/files/FZldQro72KaflVgaiZJi" alt=""><figcaption></figcaption></figure>

## 3. 编译合约

在右侧菜单栏的 Compiler 中，点击 Build 即可开始编译合约。

<figure><img src="/files/93o6ASFJIKqsDuS2dMBt" alt=""><figcaption></figcaption></figure>

编译成功后，会在当前目录下生成 build.json 文件。

<figure><img src="/files/IQCqCpXAfIJdHFW8wNqw" alt=""><figcaption></figcaption></figure>

## 4. 连接到 Sui 区块链

部署合约前，需要先点击右上角的 Connect Wallet，选择连接 Suiet 或者 SuiWallet。

<figure><img src="/files/eCT3WUuyPKMVfPmPD4pR" alt=""><figcaption></figcaption></figure>

## &#x20;5. 部署合约

点击右侧的 Deploy & Interaction 按钮，出现部署页与交互页面。选择好已编译的 Package 后，点击 Deploy 进行部署（然后在钱包中点击确认）。合约部署成功后，控制台上会输出现合约部署的结果以及相关信息。&#x20;

<figure><img src="/files/Q8Xz5J1079SpTXJfwc07" alt=""><figcaption></figcaption></figure>

除此之外，你还可以点击 Import Deployed Package 导入已部署过的合约，来进行合约交互。

<figure><img src="/files/BfDV85Hg9FQ7TsXiJIb9" alt=""><figcaption></figcaption></figure>

## 6. 合约交互

合约部署成功后，可以对合约进行交互操作。点击已部署好的合约，选择对应的接口，点击 Execute 进行写入交互。

<figure><img src="/files/dCbqxuO3XZo39dSiLZVQ" alt=""><figcaption></figcaption></figure>

## 7. Package & Object 查询

点击 Account Objects, 输入对应的字段即可查询相关信息。

<figure><img src="/files/AKGFVk55WT4sLEnGYVxr" alt=""><figcaption></figcaption></figure>

## 8. Sui Sandbox&#x20;

如果你喜欢使用命令行进行开发，可以打开 Sui Sandbox，其中已自带 [Sui Cli](https://docs.sui.io/references/cli), [Git](https://git-scm.com/) 和 [Node.js V16](https://nodejs.org/en)。

<figure><img src="/files/7QLlLqTebq37WEwg5vtT" alt=""><figcaption></figcaption></figure>

如果你在 Sandbox 中启动了一个端口，并且想要访问该端口，请参考 [ChainIDE-端口转发](/chainide-chinese/5.-port-forwarding.md)。