https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Recent content in create-next-app on 编程那些事儿Hugozh-cnFri, 27 Mar 2026 21:25:30 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-01-what-is-create-next-app/Fri, 27 Mar 2026 21:12:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-01-what-is-create-next-app/<h1 id="第一章--create-next-app-是什么">第一章 · Create Next App 是什么</h1> <blockquote> <p>欢迎来到第一章！这一章我们要搞清楚一个根本问题：Create Next App 到底是何方神圣？它凭什么值得你花时间学习？别急，且听我慢慢道来，保证让你笑着看完，还不忘记重点。</p>https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-02-what-can-it-do/Fri, 27 Mar 2026 21:12:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-02-what-can-it-do/<h1 id="第二章--有什么用">第二章 · 有什么用</h1> <blockquote> <p>上一章我们知道了 Create Next App 是什么，这一章我们要搞清楚一个灵魂问题：<strong>它到底能帮你干啥</strong>？它解决了什么痛点？为什么你应该用它？本章将用大量实例和对比告诉你答案。</p>https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-03-how-to-use/Fri, 27 Mar 2026 21:12:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-03-how-to-use/<h1 id="第三章--怎么用">第三章 · 怎么用</h1> <blockquote> <p>想象一下，你站在一家全自动拉面店门口，门口的大叔（其实是台会说话的点餐机）对你说：&ldquo;欢迎光临！请问您要点什么？&ldquo;你看了看菜单，发现除了&quot;招牌豚骨拉面&quot;之外什么都不认识，于是陷入了哲学三问：我是谁？我从哪来？我到底该按哪个按钮？</p>https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-04-where-to-use/Fri, 27 Mar 2026 21:12:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-04-where-to-use/<p>想象一下，你站在一片荒芜的代码沙漠中，眼前什么都没有，只有一个光秃秃的文件夹图标孤零零地躺在那里，旁边还有一个闪烁的光标，仿佛在嘲笑你：&ldquo;来吧，从零开始构建一个世界吧！&rdquo; 这时候，<code>create-next-app</code> 就是你的创世神器，它能凭空变出一个完整的 Next.js 项目结构，让你不用手忙脚乱地敲 <code>mkdir</code>、<code>touch</code>、<code>npm init</code> 一通乱操作。本章我们就来聊聊，这把&quot;瑞士军刀&quot;到底适合在哪些场景下挥舞，又应该在哪些情况下乖乖收进刀鞘。</p>https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-05-notes-and-caveats/Fri, 27 Mar 2026 21:12:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-05-notes-and-caveats/<h1 id="第五章--注意事项">第五章 · 注意事项</h1> <blockquote> <p>&ldquo;学开车不难，难的是知道什么时候该踩刹车。&rdquo; 同样地，用 create-next-app 创建一个 Next.js 项目不难， 难的是知道创建之后要注意什么。 这一章，我们就来聊聊那些「哦，原来如此」的时刻。</p>https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-06-related-config/Fri, 27 Mar 2026 21:12:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-next-app/Chapter-06-related-config/<h1 id="第六章--相关配置">第六章 · 相关配置</h1> <h2 id="61-创建时自动生成的配置文件">6.1 创建时自动生成的配置文件</h2> <p>当你敲完 <code>npx create-next-app@latest my-app</code> 并且选完所有选项之后，屏幕上会哗啦啦涌现出一堆文件。这些文件就像是你的新家刚装修好时送的&quot;家具大礼包&quot;——你可能不知道每件家具是干嘛用的，但你知道它们肯定有用。本节我们就来逐一认识这些配置文件，看看它们到底是何方神圣。</p>