第一课，node.js本地的环境部署，与简单的命令符
时间：2025-03-12 来源：525游
一：整体架构
next.js与strapi必须依赖node.js环境。整体操作流程为
本地写代码：你在本地（Windows 10）编写代码，包括 Strapi 后端和 Next.js 前端。
推送到 GitHub：使用 Git 将代码提交到 GitHub 仓库。
同步到服务器：后端服务器（ Strapi-Zeabur）前端服务器（Next.js+ Vercel）远程数据库（ TiDB ）图片缓存（ Cloudflare R2）通过 GitHub 的集成，自动拉取代码并部署
所有工作都在本地使用 Git 仓库组织方式完成。
二：本地环境配置
1. Node.js（必须）：Strapi 和 Next.js 的运行时。
官网：https://nodejs.org/
推荐版本：LTS 版本 18.x（如 18.18.0），稳定且兼容性好。直接下载 Windows Installer（.msi）：Node.js 18.18.0
node -v # 输出如 v18.18.0
npm -v # 输出如 9.8.1
上面代码验证是否成功
2. pnpm（推荐）：高效的包管理器（可选替代 npm）。
无需下载，因为 node.js 会自带（自带 npm）。
在命令提示符运行： cmd npm install -g pnpm 开始安装 验证安装：cmd pnpm -v # 输出如 8.15.1
3.Git（必须）：版本控制，推送代码至 GitHub。
官网：https://git-scm.com/ Windows 版本：https://git-scm.com/download/win
推荐：Git 2.43.0（最新稳定版），下载 Git-2.43.0-64-bit.exe。
验证是否安装成功 cmd git --version # 输出如 git version 2.43.0.windows.1
4.VS Code（推荐）：代码编辑器。
官网：https://code.visualstudio.com/Windows 下载 VSCodeUserSetup-x64-1.87.0.exe（最新版）。
验证是否安装成功 code --version # 输出如 1.87.0
插件推荐：
ESLint：代码检查 Prettier：格式化代码 ，Tailwind CSS IntelliSense：Tailwind 提示，GitLens：Git 集成。
终端设置：在 VS Code 中使用 Git Bash（设置 → Terminal → 默认 Shell 选 Git Bash）。
注意事项
权限：以管理员安装，避免路径问题。
中文支持：安装后可装 “Chinese (Simplified)” 插件。
三，创建 Mono Repo
举例在c/Node目录下新建项目
1.创建根目录：
cmd
mkdir C:Node
cd C:Node
mkdir test-example
cd C:Nodetest-example
说明：先创建 C:Node，再创建 test-example，并进入。
2.创建子目录：
cmd
mkdir packages
cd packages
mkdir cms website
cd ....
说明：创建 packagescms 和 packageswebsite，然后回到 C:Nodetest-example。
当前路径：C:Nodetest-example。
3.初始化 Mono Repo：
cmd
pnpm init
说明：在 C:Nodetest-example 生成 package.json
4.命令符号说明
mkdir packages 是创建packages目录
cd packages 是切换到packages目录进行操作
cd 查询当前目录
cd..返回上层目录，
cd....连续返回2个上层目录
cd Nodetest-example 直达你想去的目录
5.最终目标
5.1编辑 package.json：
打开 C:Nodetest-examplepackage.json（可用记事本或 VS Code）。
修改为：
json
{
"name": "test-example",
"private": true,
"workspaces": ["packages/*"]
}
使用 workspaces 可以：
将两个项目的依赖集中管理。
方便在根目录运行脚本（如 build、test）。
支持跨项目引用（例如 website 调用 cms 的 API 工具）。
如果不用 workspaces，你需要分别进入 cms 和 website 安装依赖，管理起来更麻烦。子目录则不用修改！
5.2在C:Nodetest-example 目录下初始化 Git 仓库：
cmd
git init
说明：在 C:Nodetest-example 创建 .git/，标志为 Git 仓库。
5.3 验证 Mono Repo 并且为子目录生成packages.josn
cmd
cd C:Nodetest-examplepackagescms
pnpm init
cd ..website
pnpm init
cd ....
pnpm -r exec cd
C:Nodetest-examplepackagescms
C:Nodetest-examplepackageswebsite
5.4最终路径
test-example/
├── packages/
│ ├── cms/ # Strapi 后端
│ └── website/ # Next.js 前端
├── package.json # 根配置文件
└── .git/ # Git 仓库根目录
好的，现在已经完成了本地的环境配置，基础目录创建。
下面，我们来安装strapi 以及通过vs code软件把本地项目与github云仓库连接起来。
下节课目标：顺利安装strapi 并登录后台。将代码推送到githun云端
