豆包MarsCode IDE：使用模板快速開發(fā)項目指南

本文檔以 Next.js 模板為例，介紹如何使用模板來快速創(chuàng)建并運行一個項目。

使用限制

單個賬號在豆包 MarsCode IDE 上創(chuàng)建的項目數(shù)量上限為 10 個。

操作步驟

第一步：登錄豆包 MarsCode IDE 工作臺

前往豆包 MarsCode IDE 工作臺并登錄你的賬號。

第二步：創(chuàng)建并啟動項目

方式	步驟
在控制臺首頁創(chuàng)建	1. 點擊控制臺左上角的 ＋ 項目 按鈕。你將看到 “豆包MarsCode IDE創(chuàng)建項目” 窗口。 2. 在“創(chuàng)建項目”窗口中，完成以下操作： a. 將項目創(chuàng)建方式選擇為 從模板創(chuàng)建。 b. 從模板列表中選擇所需模板（例如：Next.js）。 c. 填寫項目名稱和描述，然后點擊底部的 創(chuàng)建 按鈕。
在“模板”頁創(chuàng)建	1. 在控制臺的左側(cè)導(dǎo)航欄中，選擇 模板。 2. 找到 Next.js 模板并點擊模板卡片任意區(qū)域。  你將進(jìn)入該模板的詳情頁，你可以查看該模板的詳細(xì)信息。 > 若你不想瀏覽模板詳情，可以直接點擊卡片右側(cè)的 使用模板 按鈕，打開 創(chuàng)建項目 窗口，然后配置項目信息。 3. 點擊右側(cè)的 使用模板 按鈕。頁面上出現(xiàn) 創(chuàng)建項目 窗口。 4. 填寫項目名稱和描述，然后點擊底部的 創(chuàng)建 按鈕。

創(chuàng)建項目后，系統(tǒng)將啟動并初始化項目。

項目初始化完畢后，你將進(jìn)入工作空間。

第三步：配置項目

在工作空間中，你可以配置項目，包括編寫文件內(nèi)容、管理插件等。

第四步：運行項目

項目配置完畢后，點擊頂部導(dǎo)航欄中間的 運行 按鈕，運行項目。

第五步：體驗項目

1. 打開 網(wǎng)絡(luò)服務(wù) 面板。
2. 找到端口 3000。
3. 點擊右側(cè) “打開瀏覽器” 按鈕，在瀏覽器中打開項目并體驗；或點擊 打開 WebView 按鈕，在預(yù)覽窗口中體驗。

Next.js 模板項目在瀏覽器內(nèi)的預(yù)覽效果如下：

了解更多

若想了解更多模板相關(guān)信息，參考《模板》一文。