两年没写代码之重新上手一个记账网站
2026/9/15 21:12:53 网站建设 项目流程

第 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

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询