跳到主要内容
版本：2025年夏季她行活动

实践项目：用 Gemini CLI 管理开发环境

项目目标

通过本章的实践项目，您将：

  • 清理冗余依赖，释放磁盘空间
  • 优化系统 PATH 配置
  • 建立高效的 AI 辅助工作流
  • 学会管理多个开发项目的环境
观看视频演示

课程一与课程二的完整教学视频已迁移到本期项目的视频教程总页，方便你在一个地方找到所有教学视频。

项目一：智能环境清理​

许多开发者的电脑上都积累了大量不再使用的依赖和工具。让我们用 Gemini CLI 来一次彻底的清理。

项目背景​

真实案例：一位开发者使用 Gemini CLI 后，成功清理了 50GB 的冗余文件，包括：

  • 过时的 node_modules 文件夹
  • 重复的全局 npm 包
  • 废弃的开发工具
  • 临时构建文件

实践步骤​

全面扫描本地环境​

gemini chat

您：请帮我扫描本地所有的开发环境、依赖和库，列出详细清单

Gemini：开始扫描您的开发环境...

扫描结果：

1. Node.js 环境：
 - 版本：v18.17.0, v16.20.0, v14.21.0
 - 全局包：87 个（占用 2.3GB）

2. Python 环境：
 - 版本：3.9.7, 3.8.10, 2.7.18
 - pip 包：156 个（占用 4.1GB）

3. 项目文件夹：
 - 检测到 23 个项目
 - node_modules 总计：18.7GB
 - 未使用超过 6 个月的：12 个

4. 开发工具：
 - Docker 镜像：34 个（占用 12.3GB）
 - VS Code 扩展：48 个

需要我详细分析哪个部分？

项目成果​

指标结果
空间释放32.4GB / 50GB
npm 命令响应速度提升 40%
系统启动时间减少 15 秒
开发工具运行更流畅

项目二：PATH 环境优化​

混乱的 PATH 配置会导致命令冲突和性能问题。让我们用 AI 来优化它。

常见 PATH 问题​

  • 重复路径：同一路径被多次添加，影响查找效率
  • 无效路径：指向不存在的目录，导致命令查找失败
  • 顺序混乱：优先级设置不当，可能使用错误版本的工具

优化实践​

您：帮我分析系统 PATH，找出所有问题

Gemini：正在分析您的 PATH 配置...

PATH 分析报告：

当前 PATH 条目（按顺序）：
1. /usr/local/bin
2. /opt/homebrew/bin
3. /usr/local/bin [重复]
4. ~/.npm-global/bin
5. /usr/bin
6. /opt/old-tools/bin [不存在]
7. ~/.npm-global/bin [重复]
8. /usr/local/go/bin
9. /Applications/Docker.app/Contents/Resources/bin [Docker未安装]
10. /usr/local/bin [第3次重复]

问题汇总：
- 3 个重复条目
- 2 个无效路径
- 建议调整优先级顺序

优化建议：
1. 用户级工具应优先于系统级
2. 常用工具路径应该靠前
3. 删除所有重复和无效条目

项目三：Git 工作流自动化​

告别繁琐的 Git 命令，让 AI 处理所有版本控制操作。

场景实践​

场景：早晨开始工作​

您：早上好，我要继续昨天的功能开发

Gemini：早上好！让我帮您准备开发环境。

检查项目状态...

项目：awesome-web-app
当前分支：feature/user-auth
未提交更改：3 个文件

昨日工作总结：
- 完成了登录表单 UI
- 添加了表单验证逻辑
- TODO: 连接后端 API

今日建议：
1. 先提交昨天的更改
2. 拉取主分支最新代码
3. 继续 API 集成工作

要我帮您执行这些操作吗？

您：好的，先提交昨天的更改

Gemini：正在提交您的更改...

查看更改内容：
- src/components/LoginForm.jsx (新增)
- src/utils/validation.js (新增)
- src/styles/auth.css (新增)

生成提交信息：
"feat: 实现用户登录表单UI和验证逻辑

- 创建响应式登录表单组件
- 添加邮箱和密码验证规则
- 应用自定义样式主题"

更改已提交
推送到远程仓库

现在拉取最新代码...
主分支已更新，无冲突

您可以开始今天的开发了！

项目四：构建个人工作流​

每个开发者都有独特的工作习惯。让我们用 Gemini CLI 打造专属的自动化工作流。

自定义命令集​

示例 1：项目初始化助手​

您：创建一个新的 React 项目，使用 TypeScript，包含我常用的配置

Gemini：了解！我来创建一个符合您偏好的 React TypeScript 项目。

初始化项目...

执行步骤：
1. 创建 React TypeScript 应用
2. 安装您常用的依赖包
3. 配置代码规范工具
4. 设置 Git 仓库

npx create-react-app my-app --template typescript
cd my-app

安装额外依赖...
- axios (HTTP 请求)
- react-router-dom (路由)
- @mui/material (UI 组件)
- react-hook-form (表单处理)

配置开发工具...
- 添加 .prettierrc
- 配置 ESLint 规则
- 创建 .vscode/settings.json
- 设置 Git hooks (husky)

创建项目结构...
src/
├── components/
├── pages/
├── services/
├── hooks/
├── utils/
├── types/
└── styles/

项目创建完成！

已为您配置好所有常用设置。
运行 'npm start' 开始开发！

示例 2：部署助手​

您：部署这个项目到 Vercel

Gemini：我来帮您部署到 Vercel！

检查项目配置...
检测到 React 应用
build 命令：npm run build
输出目录：build/

创建 Vercel 配置...
生成 vercel.json：
{
"buildCommand": "npm run build",
"outputDirectory": "build",
"framework": "create-react-app"
}

开始部署...

1. 连接 Git 仓库
2. 触发 Vercel 构建
3. 分配域名

构建日志：
[10:23:15] 克隆仓库...
[10:23:18] 安装依赖...
[10:23:45] 构建项目...
[10:24:12] 优化资源...
[10:24:20] 部署完成！

部署成功！

访问地址：
- 生产环境：https://my-app.vercel.app
- 预览环境：https://my-app-git-main.vercel.app

部署信息：
- 构建时间：65秒
- 部署区域：全球 CDN
- SSL 证书：已自动配置

要配置自定义域名吗？

效率提升数据​

指标值
减少命令输入75%
降低配置错误90%
提升部署速度3x
节省调试时间50%

高级技巧​

批量操作​

您：检查我所有项目的依赖更新情况

Gemini：扫描您的所有项目...

找到 12 个项目，开始检查依赖更新：

project-1: awesome-web-app
3 个主要更新可用
- react: 18.2.0 → 18.3.0
- typescript: 5.0.4 → 5.3.3
- vite: 4.4.9 → 5.0.11

project-2: api-server
所有依赖都是最新的

project-3: mobile-app
5 个更新可用
[详细列表...]

汇总：
- 8 个项目有可用更新
- 4 个项目依赖是最新的
- 预计更新时间：约 15 分钟

要我批量更新所有项目吗？（会先运行测试确保兼容性）

智能调试​

您：我的应用启动失败了，帮我诊断

Gemini：我来帮您诊断问题。

收集错误信息...

发现错误：
Error: Cannot find module '@/components/Header'

诊断结果：

问题：模块路径别名配置错误
原因：TypeScript 和 Webpack 的路径别名不一致

解决方案：
1. 更新 tsconfig.json：
{
"compilerOptions": {
  "baseUrl": ".",
  "paths": {
    "@/*": ["src/*"]
  }
}
}

2. 确保 webpack.config.js 同步配置：
resolve: {
alias: {
  '@': path.resolve(__dirname, 'src')
}
}

要我自动修复这个问题吗？

课程总结​

您已经掌握的技能​

  • 环境管理：智能清理和优化开发环境
  • Git 自动化：用自然语言完成版本控制
  • 工作流优化：打造个人高效工作流程
  • 问题诊断：快速定位和解决开发问题

下一步建议​

  1. 持续优化：根据日常使用不断调整 AI 助手的行为
  2. 分享经验：将您的最佳实践分享给社区
  3. 探索更多：尝试将 Gemini CLI 应用到更多场景

恭喜完成课程​

您已经成功掌握了使用 Gemini CLI 进行本地开发环境管理的所有核心技能。现在，您可以：

  • 高效管理和优化开发环境
  • 用 AI 自动化日常开发任务
  • 构建适合自己的工作流程
  • 快速解决开发中的问题

感谢您参加 Chan Meng 的 AI 编程公开课。期待看到您使用这些技能创造出色的作品。