提交初始化的代码
接下来我们来提交一下代码。
查看待提交的文件
打开源代码管理器
点击左侧的”源代码管理器”。
我们可以看到,这里面有很多的 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然后再复制一下,回车。
这个配置的意思呢,就是 backend 和 client 目录下面的 node_modules 这两个目录呢,都不添加到 Git 里面去管理。
然后按一下 Ctrl + S 保存。
验证效果
再回到源代码管理器中,然后点一下刷新。
我们发现现在变成了 155,然后再大致看一下文件,现在应该是没有什么太大的问题了。
补充其他忽略规则
这里呢我们再全局搜索一下,再添加两个文件夹:
backend/node_modules
client/node_modules
backend/dist
client/dist如果后续有其他的文件需要忽略掉的话,也可以直接在这里添加就行了。
暂存并提交代码
暂存修改
现在我们点击目录右侧的加号,我们发现原先的 U 都变成了 A。
意思是现在这些文件都被添加到了 Git 中管理。
client 目录呢,我们也点一下加号,暂存修改。
提交代码
然后点击”提交”。
在这里输入提交的信息,我们可以输入:
项目初始化然后点击右上角的”接受提交信息”,选择”保存”,再点一下”提交”。
推送到远程仓库
推送代码
提交完成之后呢,点击”推送”按钮,将代码推送到 Gitee 远程仓库。
验证推送结果
我们打开码云看一下。
我们看到首页推送了两个提交:
- 一个是”项目的初始化”,是我们刚才推送的
- 然后另一个呢是”遗漏了一个 .gitignore”,然后我们也手动去提交了一下
查看远程仓库
然后打开对应的仓库,我们可以看到:
- 客户端代码已经全部提交上来了
- 服务端的代码呢,也正常提交了过来
代码提交成功!
项目的初始化代码已经成功提交到 Gitee 远程仓库,可以开始后续的功能开发了。
Git 状态标识说明
在源代码管理器中,文件旁边会显示不同的字母标识:
| 标识 | 说明 |
|---|---|
| U | Untracked - 未跟踪的新文件 |
| A | Added - 已添加到暂存区 |
| M | Modified - 已修改 |
| D | Deleted - 已删除 |
| R | Renamed - 已重命名 |
.gitignore 常用配置
# 依赖目录
backend/node_modules
client/node_modules
# 构建输出
backend/dist
client/dist
# 环境变量文件
.env
.env.local
# 日志文件
*.log
# 操作系统文件
.DS_Store
Thumbs.db
# IDE 配置
.vscode/
.idea/遇到问题?
如果在代码提交过程中遇到问题,可以扫描下方的微信二维码帮您看下(免费咨询)
下一步
代码提交完成后,接下来我们需要:

