Next.js学习系列:创建Next.js应用2
设置
首先,让我们确保您的开发环境已准备就绪。
- 如果您没有安装 Node.js,请从此处安装它。您需要 Node.js版本 10.13 或更高版本。
- 在本教程中,你将使用自己的文本编辑器和终端应用。
如果您使用的是 Windows,我们建议您下载 Git for Windows 并使用随附的 Git Bash,它支持本教程中特定于 UNIX 的命令。Windows Subsystem for Linux (WSL) 是另一种选择。
创建"Bext.js应用
要创建 Next.js 应用程序,请打开终端,进入要在其中创建应用程序的目录,然后运行以下命令:cd
<code class="jsx-11ba7ee13b342a80">npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter" ```</code>
> 在后台,它使用名为[```"创建下一个应用程序"的工具```](https://zshipu.com/t?url=https://nextjs.org/docs/api-reference/create-next-app),该工具可为您引导Next.js应用程序。它通过标志[使用此模板](https://zshipu.com/t?url=https://github.com/vercel/next-learn/tree/master/basics/learn-starter)。```--example```
>
> 如果它不起作用,请查看[此页面](https://zshipu.com/t?url=https://github.com/vercel/next-learn/blob/master/basics/errors/install.md)。
### 运行开发服务器
现在,您有一个名为 的新目录。让我们进入它:```nextjs-blog``````cd```
<code class="jsx-11ba7ee13b342a80">cd nextjs-blog</code>
然后,运行以下命令:
<code class="jsx-11ba7ee13b342a80">npm run dev</code>
这将在端口 **3000** 上启动 Next.js 应用的"开发服务器"(稍后会详细介绍)。
让我们检查一下它是否有效。从浏览器[中打开 http://localhost:3000](https://zshipu.com/t?url=http://localhost:3000/)。
- 原文作者:知识铺
- 原文链接:https://geek.zshipu.com/post/nextjs/nextjsbase/Next.js%E5%AD%A6%E4%B9%A0%E7%B3%BB%E5%88%97%E5%88%9B%E5%BB%BANext.js%E5%BA%94%E7%94%A82/
- 版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可,非商业转载请注明出处(作者,原文链接),商业转载请联系作者获得授权。
- 免责声明:本页面内容均来源于站内编辑发布,部分信息来源互联网,并不意味着本站赞同其观点或者证实其内容的真实性,如涉及版权等问题,请立即联系客服进行更改或删除,保证您的合法权益。转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。也可以邮件至 sblig@126.com