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

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

使用限制

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

操作步驟

第一步：登錄豆包 MarsCode IDE 工作臺(tái)

前往豆包 MarsCode IDE 工作臺(tái)并登錄你的賬號(hào)。

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

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

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

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

第三步：配置項(xiàng)目

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

第四步：運(yùn)行項(xiàng)目

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

第五步：體驗(yàn)項(xiàng)目

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

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

了解更多

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