第四章:AI 实战开发3. 客户端前置环境检查

客户端前置环境检查

接下来呢,我们要初始化一下项目的客户端和服务端的代码。

技术栈介绍

客户端框架

首先是客户端的,我们用的是一个叫 uni-best 的框架。

uni-best 是基于 uni-app 的。uni-app 是一个跨端开发的框架,我们只需要编写一套代码,就可以发布到多个平台。

这样,可以让我们节省很多的时间和精力,不用维护多套代码。

服务端框架

服务端呢,我们用的是 Express。前面我们有简单讲过,这里呢就不去多讲了。

检查前置环境

我们先打开 uni-best 的网站来看一下,点击上方的”快速开始”。

打开终端

我们先在编辑器中点击”终端”,然后新建一个终端。

当前的这个终端呢,就是我们的项目的根目录。

查看前置依赖要求

我们现在来看一下右侧的快速开始。首先是前置依赖,也就是我们运行这个项目需要哪些环境。

环境检查清单

1. Node.js 版本检查

要求: Node.js 版本要大于 20

我们来看一下 Node.js 的版本:

node -v

我们的版本呢是 v22.19.0,满足要求。

⚠️

如果你本地的 Node.js 版本不满足要求的话,可以用 NVM 切换一下:

  1. 执行 nvm list available
  2. 然后去下载对应的版本就行
  3. 下载完成之后,执行 nvm use 然后对应的版本就可以了

2. pnpm 版本检查

要求: pnpm 版本要大于 9

我们本地应该是已经安装好了。如果没安装的话,就执行:

npm install -g pnpm

因为我本地已经安装好了,所以它报错了。我们直接来看一下版本:

pnpm -v

pnpm 的版本是 10.24.0,也是满足要求的。

3. 代码编辑器

要求: VS Code 或者 WebStorm

这里呢我们本地用的是阿里的这个 Qoder(Cursor)。

Qoder 呢本身是基于 VS Code 开发的,所以我们用 Qoder 就行。

4. HBuilderX

💡

说明: 这个呢等到我们最后需要去发布和运行 APP 的时候呢,我们再去讲一下。这里呢暂时就不去扩展开讲了。

环境检查总结

环境要求最低版本当前版本状态
Node.js> 20v22.19.0✅ 满足
pnpm> 910.24.0✅ 满足
编辑器VS Code / WebStormQoder (Cursor)✅ 满足
HBuilderX-待安装⏸️ 后续

环境检查完成!

所有必需的开发环境都已准备就绪,可以开始初始化项目代码了。

💡

遇到问题?

如果在环境检查过程中遇到问题,可以扫描下方的微信二维码帮您看下(免费咨询)

下一步

环境检查完成后,接下来我们需要:

👉 下一节:初始化客户端代码


相关信息

💬 扫码了解更多信息

客服微信二维码

添加微信

知识星球二维码

加入知识星球