本文介紹豆包 MarsCode IDE 工作空間中的各個(gè)模塊及功能。
豆包 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)航欄提供了菜單、項(xiàng)目信息展示、文件搜索等能力。
頂部導(dǎo)航欄的詳細(xì)說(shuō)明如下:
編號(hào) | 說(shuō)明 |
---|---|
1 | 點(diǎn)擊 Logo 后,顯示菜單。 |
2 | 點(diǎn)擊后,展示項(xiàng)目信息,包括項(xiàng)目名稱(chēng)、簡(jiǎn)介、資源占用等。 |
3 | 點(diǎn)擊后,打開(kāi)項(xiàng)目文件搜索浮窗。 |
4 | 點(diǎn)擊后,運(yùn)行項(xiàng)目。 |
5 | 點(diǎn)擊后,跳到產(chǎn)品手冊(cè),可查看使用說(shuō)明。 |
6 | 點(diǎn)擊后,顯示通知面板。 |
7 | 點(diǎn)擊后,顯示以下菜單。你可以修改頭像和用戶(hù)名、前往豆包 MarsCode 產(chǎn)品首頁(yè)、打開(kāi)設(shè)置面板等。 |
文件導(dǎo)覽區(qū)域由一個(gè)樹(shù)狀的文件列表構(gòu)成,如下圖所示。你可以在該區(qū)域進(jìn)行以下操作:
將鼠標(biāo)懸浮至某個(gè)文件或文件夾上時(shí),點(diǎn)擊右鍵后會(huì)顯示快捷菜單??旖莶藛翁峁└S富的功能。例如,若你希望在內(nèi)置終端中打開(kāi)文件所處的目錄,則可以選擇快捷菜單中的 在集成終端打開(kāi) 選項(xiàng)。
編輯器位于界面正中,用于編輯文件內(nèi)容。你可以使用快捷鍵(macOS:Command
+ I
;Windows:Ctrl
+ I
)在編輯器內(nèi)喚起嵌入式 AI 對(duì)話(huà)框,使用 AI 能力。若想了解更多 AI 能力相關(guān)信息,參考《AI 能力》章節(jié)。
底部面板展示問(wèn)題、終端、網(wǎng)絡(luò)服務(wù)等功能。
以下為底部面板各個(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è)邊欄分為三個(gè)部分:AI 助手按鈕、內(nèi)置工具區(qū)域、第三方插件區(qū)域。
側(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)信息,例如錯(cuò)誤信息、當(dāng)前的行號(hào)/列號(hào)、當(dāng)前編碼方式等。
更多建議: