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 应用。如果有任何疑问,请让我知道!