📜  nextjs init - Shell-Bash (1)

📅  最后修改于: 2023-12-03 14:44:34.878000             🧑  作者: Mango

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