第四章:AI 实战开发6. 提交初始化的代码

提交初始化的代码

接下来我们来提交一下代码。

查看待提交的文件

打开源代码管理器

点击左侧的”源代码管理器”。

我们可以看到,这里面有很多的 AI 生成的文件。

切换视图模式

点击上方的”以树形式查看”,这样会清晰很多。

发现问题

我们看到,这里有一个后端的 account-backend 的目录,但是缺少了客户端的 client 目录。

处理 client 目录

删除 client 目录的 Git 配置

我们回到资源管理器,右键这个 client,选择”在文件资源管理器中显示”。

然后打开 client 目录,手动删掉 .git 文件以及这个 .gitignore

⚠️

如果打开目录之后呢,没有这两个文件,我们需要去点击”查看” → “显示”,把隐藏的项目给显示出来,然后就能找到这个 .git 文件了。

验证修改

删除之后呢,我们再回到源代码管理器中,我们再看一下,现在 client 也显示出来了。

配置 .gitignore

发现异常

我们看到左侧源代码管理器上面显示了一个 10K,鼠标放上去之后,显示有 1 万个挂起的更改文件,有点异常的多。

那我们需要找一下原因。

找到问题

我们往下看一下,这时候呢,我们发现有一个 node_modules 的目录。

这个目录,通常我们不需要把它添加到 Git 里面管理,它是网络下载的包,通常是放在本地的。所以我们需要在源代码管理器中把它给移除掉。

正确的处理方式

通常情况下,我们鼠标右键,点击”添加到 .gitignore”就行了。

⚠️

但是如果直接在这里操作的话,通常会把它添加到当前目录的 .gitignore。下面我们需要手动去处理一下。

编辑根目录的 .gitignore

找到项目根目录下面的这个 .gitignore,然后点击资源管理器,打开这个文件。

然后在这里输入:

backend/node_modules
client/node_modules

然后再复制一下,回车。

这个配置的意思呢,就是 backendclient 目录下面的 node_modules 这两个目录呢,都不添加到 Git 里面去管理。

然后按一下 Ctrl + S 保存。

验证效果

再回到源代码管理器中,然后点一下刷新。

我们发现现在变成了 155,然后再大致看一下文件,现在应该是没有什么太大的问题了。

补充其他忽略规则

这里呢我们再全局搜索一下,再添加两个文件夹:

backend/node_modules
client/node_modules
backend/dist
client/dist
💡

如果后续有其他的文件需要忽略掉的话,也可以直接在这里添加就行了。

暂存并提交代码

暂存修改

现在我们点击目录右侧的加号,我们发现原先的 U 都变成了 A

意思是现在这些文件都被添加到了 Git 中管理。

client 目录呢,我们也点一下加号,暂存修改。

提交代码

然后点击”提交”。

在这里输入提交的信息,我们可以输入:

项目初始化

然后点击右上角的”接受提交信息”,选择”保存”,再点一下”提交”。

推送到远程仓库

推送代码

提交完成之后呢,点击”推送”按钮,将代码推送到 Gitee 远程仓库。

验证推送结果

我们打开码云看一下。

我们看到首页推送了两个提交:

  1. 一个是”项目的初始化”,是我们刚才推送的
  2. 然后另一个呢是”遗漏了一个 .gitignore”,然后我们也手动去提交了一下

查看远程仓库

然后打开对应的仓库,我们可以看到:

  • 客户端代码已经全部提交上来了
  • 服务端的代码呢,也正常提交了过来

代码提交成功!

项目的初始化代码已经成功提交到 Gitee 远程仓库,可以开始后续的功能开发了。

Git 状态标识说明

在源代码管理器中,文件旁边会显示不同的字母标识:

标识说明
UUntracked - 未跟踪的新文件
AAdded - 已添加到暂存区
MModified - 已修改
DDeleted - 已删除
RRenamed - 已重命名

.gitignore 常用配置

# 依赖目录
backend/node_modules
client/node_modules

# 构建输出
backend/dist
client/dist

# 环境变量文件
.env
.env.local

# 日志文件
*.log

# 操作系统文件
.DS_Store
Thumbs.db

# IDE 配置
.vscode/
.idea/
💡

遇到问题?

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

下一步

代码提交完成后,接下来我们需要:

👉 下一节:数据库配置调整


相关信息

💬 扫码了解更多信息

客服微信二维码

添加微信

知识星球二维码

加入知识星球