快速开始
创建项目
官方推荐使用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
即可访问项目。