首先,讓我們確保您的開發環境已準備就緒。
如果您作業系統使用的是 Windows,我們建議您下載 Git for Windows並使用它附帶的 Git Bash,它支援本教學中特定於 UNIX 的指令。適用於 Linux 的 Windows 子系統 (WSL)是另一種選擇。
要創建 Next.js 應用程式,請打開終端機,輸入cd
指令來進入要在其中創建應用程式的目錄,然後執行以下指令:
npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/main/basics/learn-starter"
在這指令的背後,它使用create-next-app
工具,引導您創建 Next.js 應用程式。它通過--example
參數使用這個模板。
如果它不起作用,請查看此頁面。
運行開發伺服器
您現在有一個名為nextjs-blog
的資料夾,讓我們使用cd
指令進入它:
cd nextjs-blog
然後,運行以下指令:
npm run dev
這會在 3000 端口上啟動 Next.js 應用程式的“開發伺服器”(稍後會詳細介紹) 。
讓我們檢查一下它是否有效。從瀏覽器打開http://localhost:3000
。
在頁面上你看到了甚麼文字?