第 0 步:新建一个项目文件夹
在你的电脑上找一个你方便放代码的地方,比如:
D:\Code或者桌面也可以。
然后打开VS Code。
点击:
文件 → 打开文件夹选择你准备放项目的文件夹。
第 1 步:打开终端
在 VS Code 顶部点击:
Terminal → New Terminal或者快捷键:
Ctrl + `底下会出现一个黑色/深色的终端窗口。
第 2 步:检查 Node.js
在终端输入:
node -v按回车。
然后输入:
npm -v按回车。
如果你看到类似:
v22.x.x和:
10.x.x就说明没问题。
第 3步:创建 Next.js 项目
你现在就在 VS Code 下面的终端里。
直接复制这一行:
npx create-next-app@latest .注意最后那个:
.第 4 步:启动网站
在终端输入:
npm run dev回车。
正常情况下你会看到类似:
▲ Next.js ... - Local: http://localhost:3000 ✓ Ready然后按住 Ctrl,再点击终端里的http://localhost:3000。
或者直接打开浏览器,输入:
http://localhost:3000