3-6 初始化 Next.js 项目并配置基础开发依赖|ChatGPT 从零到一打造私人智能英语学习助手

这里是初始化一个 Next.js 项目并配置基础开发依赖的步骤:1. 安装 Next.js:

bash
npm install next react react-dom

2. 在项目根目录下创建 package.json 文件:

bash
npm init -y

3. 添加 Next.js 的打包和开发脚本:

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. 创建 pages/index.js 文件作为首页:

jsx
function Home() {
  return <h1>Hello world!</h1>
}

export default Home

6. 启动 Next.js 开发服务器:

bash
npm run dev

这样我们就初始化了一个简单的 Next.js 项目,并配置了需要的 React 依赖。接下来你可以继续添加更多页面,样式,数据等来开发你的应用!Next.js 是一个非常优秀的 React 全栈框架,帮助我们构建服务器端渲染和静态生成的 React 应用。如果有任何疑问,请让我知道!