Nextjs项目搭建

发表于 2024-11-04

安装Nodejs

为了安装nodejs环境，首先安装nvm（一个nodejs环境版本管理器）。
https://github.com/nvm-sh/nvm

为了安装nvm，首先将wsl的代理设置走一下代理通道。
export ALL_PROXY=”http://127.0.0.1:port“

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
或者
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

之后配置进自己的环境设置:

export NVM_DIR=”$([ -z “${XDG_CONFIG_HOME-}” ] && printf %s “${HOME}/.nvm” || printf %s “${XDG_CONFIG_HOME}/nvm”)”
[ -s “$NVM_DIR/nvm.sh” ] && . “$NVM_DIR/nvm.sh” # This loads nvm

之后安装16.14.0的nodejs:

nvm install 16.14.0

完事儿了就有了16.14.0的nodejs环境。

创建nextjs项目

文档地址：
https://nextjs.org/docs/getting-started#manual-setup

安装命令：

npx create-next-app@latest

完事儿就进入所创建的目录：

cd info-attic

启动构建：

npm run dev

现在访问http://localhost:3000就可以看到Welcome to Nextjs的页面了。说明我们第一步构建nextjs项目成功，后续继续开发！