📌  相关文章
📜  创建 necxt 应用程序 - Shell-Bash (1)

📅  最后修改于: 2023-12-03 15:36:52.546000             🧑  作者: Mango

创建 next 应用程序 - Shell/Bash

next.js 是一个 React 应用程序的服务端渲染框架,在 Shell/Bash 中创建 next.js 应用程序可以帮助我们更加快捷的构建 React 项目。

准备工作

在开始创建 next.js 应用程序前,我们需要先安装 Node.js 和 npm。

安装 Node.js

在 Shell/Bash 中输入以下命令安装 Node.js

    # Ubuntu 安装 Node.js
    sudo apt install nodejs

    # CentOS 安装 Node.js
    sudo yum install nodejs

    # macOS 安装 Node.js, 推荐使用 [Homebrew](https://brew.sh/)
    brew install nodejs

    # 查看版本号
    node --version
安装 npm

在 Shell/Bash 中输入以下命令安装 npm

    # Ubuntu 安装 npm
    sudo apt install npm

    # CentOS 安装 npm
    sudo yum install npm

    # macOS 安装 npm, 推荐使用 [Homebrew](https://brew.sh/)
    brew install npm

    # 查看版本号
    npm --version
创建 next.js 应用程序

在 Shell/Bash 中输入以下命令创建一个名为 my-next-appnext.js 应用程序。

    npx create-next-app my-next-app

即可在当前目录下创建一个名为 my-next-appnext.js 应用程序。执行完成后,可以通过如下命令进入该应用程序的根目录:

    cd my-next-app
启动 next.js 应用程序

my-next-app 的根目录中,输入以下命令启动 next.js 应用程序:

    npm run dev

即可在本地启动该应用程序,并监听 3000 端口。在浏览器中输入 http://localhost:3000/ 可以访问该应用程序的首页。

总结

以上就是在 Shell/Bash 中创建 next.js 应用程序的全过程:安装 Node.js 和 npm,创建应用程序,启动应用程序。希望这篇文章能够帮助你快速学习使用 next.js 框架。