Gemini CLI 使用教程

Google 推出的前端开发利器，基于 Gemini 模型，前端能力出色

什么是 Gemini CLI?

Gemini CLI 是 Google 官方推出的命令行 AI 编程工具，基于 Gemini 系列模型。

🎨

在 UI/UX 设计、CSS 样式、React/Vue 组件生成方面表现卓越

💠

支持图片、代码、文本混合输入，可以直接分析设计稿生成代码

⚡

基于 Gemini Flash 模型，响应速度极快，适合快速原型开发

依赖	最低版本	检查命令
Node.js	18.0+	`node -v`

bash

npm install -g @google/gemini-cli

验证安装：

bash

gemini --version

bash

export GEMINI_API_KEY="sk-你的API_KEY"
export GEMINI_BASE_URL="https://api.xidao.online"

powershell

$env:GEMINI_API_KEY = "sk-你的API_KEY"
$env:GEMINI_BASE_URL = "https://api.xidao.online"

⚠️

重要 Windows 的 $env: 方式为临时配置，关闭终端后失效。

bash

gemini

bash

# Direct question
gemini "帮我创建一个 React 登录组件"

# Analyze project
gemini "分析这个项目的结构并给出改进建议"

# Pipe input
cat styles.css | gemini "优化这个 CSS 文件"

🎨

根据文字描述或设计稿快速生成 React/Vue/HTML 组件

🎯

Tailwind CSS、Styled Components、CSS Modules 等

📱

自动适配移动端、平板、桌面端布局

🔍

分析代码质量和潜在问题