Skip to content

快速开始

创建项目

官方推荐使用pnpm进行包管理工具,在使用前,首先安装pnpm

shell
npm install -g pnpm

然后执行以下命令初始化项目:

shell
npx create-next-app@14

不建议使用@latest,因为@latest版本使用了最新的react 19,目前非常多组件都还不支持

执行命令后,进入交互式命令行,根据提示输入项目名称,选择模板,即可完成项目创建:

✔ What is your project named? … excalidraw
✔ Would you like to use TypeScript? … No / Yes
✔ Would you like to use ESLint? … No / Yes
✔ Would you like to use Tailwind CSS? … No / Yes
✔ Would you like your code inside a `src/` directory? … No / Yes
✔ Would you like to use App Router? (recommended) … No / Yes
✔ Would you like to use Turbopack for next dev? … No / Yes
✔ Would you like to customize the import alias (@/* by default)? … No / Yes

推送到git

项目初始化好之后,默认会创建一个git仓库并将代码commit,因此可以直接将项目绑定到远端,推送

shell
git remote add origin <git-url>
git push -u origin main

运行项目

执行pnpm install安装依赖,然后执行pnpm run dev即可运行项目。

默认监听本地的3000端口,在浏览器打开http://localhost:3000即可访问项目。

参考