3-6 初始化 Next.js 項目并配置基礎(chǔ)開發(fā)依賴|ChatGPT 從零到一打造私人智能英語學(xué)習(xí)助
這里是初始化一個 Next.js 項目并配置基礎(chǔ)開發(fā)依賴的步驟:1. 安裝 Next.js:
bash
npm install next react react-dom
2. 在項目根目錄下創(chuàng)建?package.json?文件:
bash
npm init -y
3. 添加 Next.js 的打包和開發(fā)腳本:
json
"scripts": {
?"dev": "next",
?"build": "next build",
?"start": "next start"
}
4. 添加 React 和 React DOM 作為依賴:
json
"dependencies": {
?"next": "^9.2.1",
?"react": "^17.0.1",
?"react-dom": "^17.0.1"
}
5. 創(chuàng)建?pages/index.js?文件作為首頁:
jsx
function Home() {
?return <h1>Hello world!</h1>
}
export default Home
6. 啟動 Next.js 開發(fā)服務(wù)器:
bash
npm run dev
這樣我們就初始化了一個簡單的 Next.js 項目,并配置了需要的 React 依賴。接下來你可以繼續(xù)添加更多頁面,樣式,數(shù)據(jù)等來開發(fā)你的應(yīng)用!Next.js 是一個非常優(yōu)秀的 React 全棧框架,幫助我們構(gòu)建服務(wù)器端渲染和靜態(tài)生成的 React 應(yīng)用。如果有任何疑問,請讓我知道!
標簽：
