Next.js Init的介绍

简述

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

Markdown代码片段

# 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 的服务端渲染能力对于前端开发来说也是一个不可或缺的重要利器。