豆包MarsCode IDE用戶界面指南

2024-12-24 16:37 更新

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

基本布局

MarsCode IDE基本布局

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

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

頂部導(dǎo)航欄

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

marscode頂部導(dǎo)航欄

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

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

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

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

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

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

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

MarsCode集成終端

編輯器

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

MarsCode編輯器

底部面板

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

Marscode底部面板

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

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

側(cè)邊欄(Activity Bar)

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

Marscode側(cè)邊欄

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

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

狀態(tài)欄

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

MarsCode狀態(tài)欄

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號