什么是 generator-new-nextjs-app？
generator-new-nextjs-app 是一个 npm 包，它能够快速地生成一个基于 Next.js 框架的 React 应用程序的基本结构。
它会自动地创建项目文件夹及其子文件夹，包括样式文件、页面文件、公共组件文件，以及一些必备的配置文件。
如何安装 generator-new-nextjs-app？
你需要先安装 Node.js 和 npm。在 Terminal（终端）中输入以下命令：
npm install -g generator-new-nextjs-app
如何使用 generator-new-nextjs-app？
1.在 Terminal 中输入以下命令：
yo new-nextjs-app
2.在你的应用程序文件夹中，运行以下命令来启动开发服务器：
npm run dev
现在你可以打开你的浏览器，访问 http://localhost:3000 来预览你的应用程序了。
3.当你需要生产环境的构建时，请在终端中运行以下命令：
npm run build
4.在构建完成后，你可以运行以下命令启动生产环境服务器：
npm run start
5.你可以通过修改 public 目录下的静态文件或修改 pages 目录下的页面文件来定制你的应用程序。
一个简单的示例：
我们将创建一个名为 my-app 的 Next.js 应用程序。
1.新建一个空的文件夹 my-app。
2.在终端中进入 my-app 文件夹，并运行以下命令：
yo new-nextjs-app
3.在终端中执行以下命令以启动开发服务器：
npm run dev
4.现在你可以打开你的浏览器，访问 http://localhost:3000 来查看你的应用程序。
5.修改 pages/index.js 来定制你的页面：
-- -------------------- ---- -------
------ ---- ---- -----------
------ ------- -------- ------ -
------ -
-----
------
------------ ---------------
----- ---------- ------------------- --
-------
------
--- ------------------
------- -- -- --------------------------------------
-----
-- ------------------------
--- ------- -- --------- --
---------------------------
----
-------
--------
---------
------ ------
------ -
------- --
------------ -----
---------- -----
----------- -------
-
-------
------------ -
------ -----
-
------------ -
----------- -------
------------ ----
---------- -------
-
----------
------ ------ ------
-----
---- -
-------- --
------- --
------------ -------------- ------------------- ----- --- ------- -------
------- ---------- ---- ----- ----- ----- --------- ----- -----------
-
- -
----------- -----------
-
----------
------
-
-6.刷新浏览器，你会看到页面现在已经变为你刚刚编写的代码。
结束语
generator-new-nextjs-app 是一个便于创建 Next.js 应用程序的工具。如果你正在考虑使用 Next.js，这是一个值得尝试的 npm 包。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ebd81e8991b448dc735