Next.js App Router 初始化指南 -- 知识铺
Next.js App Router 目前依赖于 Bun 尚未实现的 Node.js API。下面的指南使用 Bun 来初始化项目并安装依赖项,但它使用 Node.js 来运行开发服务器。
使用 create-next-app
初始化 Next.js 应用程序。这会使用 npm
自动安装依赖项。
<span><span>✔ What is your project named? … my-app</span></span>
<span><span>✔ Would you like to use TypeScript with this project? … No / Yes</span></span>
<span><span>✔ Would you like to use ESLint with this project? … No / Yes</span></span>
<span><span>✔ Would you like to use `src/` directory with this project? … No / Yes</span></span>
<span><span>✔ Would you like to use experimental `app/` directory with this project? … No / Yes</span></span>
<span><span>✔ What import alias would you like configured? … @/*</span></span>
<span><span>Creating a new Next.js app in /path/to/my-app.</span></span>
要使用 Bun 启动开发服务器,请从项目根目录运行 bun --bun run dev
。
要使用 Node.js 运行开发服务器,请省略 --bun
。
用浏览器打开http://localhost:3000查看结果。您对 (pages/app)/index.tsx
所做的任何更改都将在浏览器中热重新加载。
- 原文作者:知识铺
- 原文链接:https://index.zshipu.com/geek001/post/20240507/Next.js-App-Router-%E5%88%9D%E5%A7%8B%E5%8C%96%E6%8C%87%E5%8D%97--%E7%9F%A5%E8%AF%86%E9%93%BA/
- 版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可,非商业转载请注明出处(作者,原文链接),商业转载请联系作者获得授权。
- 免责声明:本页面内容均来源于站内编辑发布,部分信息来源互联网,并不意味着本站赞同其观点或者证实其内容的真实性,如涉及版权等问题,请立即联系客服进行更改或删除,保证您的合法权益。转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。也可以邮件至 sblig@126.com