豆包MarsCode IDE用戶(hù)界面指南

2024-12-24 16:37 更新

本文介紹豆包 MarsCode IDE 工作空間中的各個(gè)模塊及功能。

基本布局

MarsCode IDE基本布局

豆包 MarsCode IDE 的工作空間由以下六部分組成。

編號(hào) 名稱(chēng) 說(shuō)明
1 頂部導(dǎo)航欄 位于界面頂部,用于展示用戶(hù)、項(xiàng)目、容器環(huán)境、通知相關(guān)的信息。
2 文件導(dǎo)覽區(qū)域 位于界面左側(cè),用于展示項(xiàng)目的目錄結(jié)構(gòu)。
3 編輯器 位于界面正中,用于編輯文件內(nèi)容。
4 底部面板 位于編輯器下方,用于展示錯(cuò)誤信息、輸入命令行、查看網(wǎng)絡(luò)服務(wù)等。
5 側(cè)邊欄 位于界面右側(cè),用于展示豆包 MarsCode IDE 集成的內(nèi)部能力與第三方擴(kuò)展能力。
6 狀態(tài)欄 位于界面底部,用于顯示一些額外的編輯狀態(tài)信息。

頂部導(dǎo)航欄

頂部導(dǎo)航欄提供了菜單、項(xiàng)目信息展示、文件搜索等能力。

marscode頂部導(dǎo)航欄

頂部導(dǎo)航欄的詳細(xì)說(shuō)明如下:

編號(hào) 說(shuō)明
點(diǎn)擊 Logo 后,顯示菜單。 marscode菜單
點(diǎn)擊后,展示項(xiàng)目信息,包括項(xiàng)目名稱(chēng)、簡(jiǎn)介、資源占用等。 Marscode展示項(xiàng)目信息
點(diǎn)擊后,打開(kāi)項(xiàng)目文件搜索浮窗。 Marscode項(xiàng)目文件搜索浮窗
4 點(diǎn)擊后,運(yùn)行項(xiàng)目。
5 點(diǎn)擊后,跳到產(chǎn)品手冊(cè),可查看使用說(shuō)明。 marscode產(chǎn)品手冊(cè).png
6 點(diǎn)擊后,顯示通知面板。 MarsCode顯示通知面板
7 點(diǎn)擊后,顯示以下菜單。你可以修改頭像和用戶(hù)名、前往豆包 MarsCode 產(chǎn)品首頁(yè)、打開(kāi)設(shè)置面板等。 MarsCode 信息菜單

文件導(dǎo)覽區(qū)域(Explorer)

文件導(dǎo)覽區(qū)域由一個(gè)樹(shù)狀的文件列表構(gòu)成,如下圖所示。你可以在該區(qū)域進(jìn)行以下操作:

  • 查看項(xiàng)目的目錄結(jié)構(gòu)。
  • 通過(guò)右上角的“新建文件”和“新建文件夾”按鈕創(chuàng)建文件和文件夾。
  • 管理文件和文件夾,包括打開(kāi)、復(fù)制、剪切、刪除、重命名等。

MarsCode文件導(dǎo)覽區(qū)域

將鼠標(biāo)懸浮至某個(gè)文件或文件夾上時(shí),點(diǎn)擊右鍵后會(huì)顯示快捷菜單??旖莶藛翁峁└S富的功能。例如,若你希望在內(nèi)置終端中打開(kāi)文件所處的目錄,則可以選擇快捷菜單中的 在集成終端打開(kāi) 選項(xiàng)。

MarsCode集成終端

編輯器

編輯器位于界面正中,用于編輯文件內(nèi)容。你可以使用快捷鍵(macOS:CommandI;Windows:CtrlI)在編輯器內(nèi)喚起嵌入式 AI 對(duì)話(huà)框,使用 AI 能力。若想了解更多 AI 能力相關(guān)信息,參考《AI 能力》章節(jié)。

MarsCode編輯器

底部面板

底部面板展示問(wèn)題、終端、網(wǎng)絡(luò)服務(wù)等功能。

Marscode底部面板

以下為底部面板各個(gè)標(biāo)簽頁(yè)功能的說(shuō)明:

名稱(chēng) 描述
問(wèn)題 顯示在工作空間中檢測(cè)到的問(wèn)題。
終端 執(zhí)行命令。
網(wǎng)絡(luò)服務(wù) 顯示項(xiàng)目運(yùn)行后的 IP 和端口信息,可以在在瀏覽器內(nèi)訪問(wèn)。詳細(xì)信息參考《網(wǎng)絡(luò)服務(wù)》一文。

側(cè)邊欄(Activity Bar)

主側(cè)邊欄分為三個(gè)部分:AI 助手按鈕、內(nèi)置工具區(qū)域、第三方插件區(qū)域。

Marscode側(cè)邊欄

側(cè)邊欄各按鈕說(shuō)明如下:

編號(hào) 名稱(chēng) 說(shuō)明
1 AI 編程助手 AI 編程助手入口。點(diǎn)擊后,將喚起側(cè)邊對(duì)話(huà)框。詳細(xì)信息參考《AI 能力》章節(jié)。
2 搜索 提供項(xiàng)目級(jí)別的文件搜索、替換能力。
3 源代碼管理 提供空間內(nèi)項(xiàng)目源代碼的提交、拉取等能力。
4 Web 預(yù)覽 運(yùn)行前后端項(xiàng)目后,可以通過(guò)指定 URL 來(lái)預(yù)覽項(xiàng)目。詳細(xì)信息參考《Web 預(yù)覽》一文。
5 調(diào)試 調(diào)試項(xiàng)目代碼
6 插件市場(chǎng) 插件市場(chǎng)。用于安裝 Open VSX 市場(chǎng)中提供的 VSCode 插件供豆包 MarsCode IDE 使用。詳細(xì)信息參考《插件市場(chǎng)》一文。

狀態(tài)欄

顯示一些額外的編輯狀態(tài)信息,例如錯(cuò)誤信息、當(dāng)前的行號(hào)/列號(hào)、當(dāng)前編碼方式等。

MarsCode狀態(tài)欄

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)