📅  最后修改于: 2023-12-03 14:44:34.878000             🧑  作者: Mango
Next.js 是一个基于 React 的轻量级框架,具备强大的服务端渲染能力,使得开发更为简单、效率更高、性能更好。
通过 nextjs init
命令,我们可以快速创建一个基于 Next.js 的项目。
在命令行中输入 nextjs init
,命令行提示会让你输入名称和模板类型。
$ nextjs init
✔ What is your project named? … my-next-app
✔ Select a project template › - Use arrow-keys. Return to submit. …
❯ default
empty
with-jest
with-mocha
with-jest-environment-jsdom
with-mocha-enzyme
with-storybook
with-redux
with-redux-saga
with-redux-thunk
with-apollo
with-typescript
with-eslint
你可以选择其中的一个模板类型进行创建,也可以自己创建一个空的项目,然后自己慢慢添加需要的依赖和模块。
$ nextjs init my-next-app
# Next.js Init的介绍
## 简述
Next.js 是一个基于 React 的轻量级框架,具备强大的服务端渲染能力,使得开发更为简单、效率更高、性能更好。
通过 `nextjs init` 命令,我们可以快速创建一个基于 Next.js 的项目。
## 使用
在命令行中输入 `nextjs init`,命令行提示会让你输入名称和模板类型。
```bash
$ nextjs init
✔ What is your project named? … my-next-app
✔ Select a project template › - Use arrow-keys. Return to submit. …
❯ default
empty
with-jest
with-mocha
with-jest-environment-jsdom
with-mocha-enzyme
with-storybook
with-redux
with-redux-saga
with-redux-thunk
with-apollo
with-typescript
with-eslint
你可以选择其中的一个模板类型进行创建,也可以自己创建一个空的项目,然后自己慢慢添加需要的依赖和模块。
$ nextjs init my-next-app
如果要创建一个 TypeScript 项目,只需要在执行 nextjs init
命令时添加 --typescript
参数:
$ nextjs init my-next-app --typescript
使用 Next.js Init 可以快速创建一个基于 Next.js 的项目,省去了手动创建项目的麻烦。同时,Next.js 的服务端渲染能力对于前端开发来说也是一个不可或缺的重要利器。