第一课，node.js本地的环境部署，与简单的命令符

       
一：整体架构

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

三，创建 Mono Repo

举例在c/Node目录下新建项目

1.创建根目录：
cmd

mkdir C:\Node
cd C:\Node
mkdir test-example
cd C:\Node\test-example

说明：先创建 C:\Node，再创建 test-example，并进入。

2.创建子目录：
cmd

mkdir packages
cd packages
mkdir cms website
cd ..\..

说明：创建 packages\cms 和 packages\website，然后回到 C:\Node\test-example。

当前路径：C:\Node\test-example。

3.初始化 Mono Repo：
cmd

pnpm init

说明：在 C:\Node\test-example 生成 package.json



4.命令符号说明 

mkdir  packages 是创建packages目录
cd packages 是切换到packages目录进行操作
cd 查询当前目录
cd..返回上层目录，
cd..\..连续返回2个上层目录
cd Node\test-example  直达你想去的目录


5.最终目标


5.1编辑 package.json：
打开 C:\Node\test-example\package.json（可用记事本或 VS Code）。

修改为：
json

{
  "name": "test-example",
  "private": true,
  "workspaces": ["packages/*"]
}

使用 workspaces 可以：
将两个项目的依赖集中管理。
方便在根目录运行脚本（如 build、test）。
支持跨项目引用（例如 website 调用 cms 的 API 工具）。
如果不用 workspaces，你需要分别进入 cms 和 website 安装依赖，管理起来更麻烦。子目录则不用修改！



5.2在C:\Node\test-example 目录下初始化 Git 仓库：


cmd

git init


说明：在 C:\Node\test-example 创建 .git/，标志为 Git 仓库。



5.3 验证 Mono Repo 并且为子目录生成packages.josn

cmd

cd C:\Node\test-example\packages\cms
pnpm init
cd ..\website
pnpm init
cd ..\..
pnpm -r exec cd


C:\Node\test-example\packages\cms
C:\Node\test-example\packages\website


5.4最终路径

test-example/
├── packages/
│   ├── cms/       # Strapi 后端
│   └── website/   # Next.js 前端
├── package.json   # 根配置文件
└── .git/          # Git 仓库根目录




好的，现在已经完成了本地的环境配置，基础目录创建。

下面，我们来安装strapi 以及通过vs code软件把本地项目与github云仓库连接起来。

下节课目标：顺利安装strapi 并登录后台。将代码推送到githun云端