30 分钟快速开始

从零开始,一步步完成你的 AI 编程环境搭建

选择你的起点

我们会根据你的情况给出最合适的建议

安装步骤

1

选择并安装代码编辑器

# 下载 VS Code
# 访问 https://code.visualstudio.com 下载 macOS 版本
# 或使用 Homebrew:
brew install --cask visual-studio-code

你应该看到什么

安装完成后,你应该能看到 VS Code 的欢迎界面
2

安装 AI 编程扩展

# 在 VS Code 中:
# 1. 按 Cmd+Shift+X 打开扩展面板
# 2. 搜索你选择的 AI 编程扩展
# 3. 点击安装

你应该看到什么

扩展安装后,侧边栏会出现新的图标
3

配置 AI 模型接入

# 配置示例(根据你选择的服务填写)
API_BASE_URL=https://your-api-endpoint.com
API_KEY=your-api-key-here
MODEL_NAME=your-model-name

你应该看到什么

配置完成后,你应该能在编辑器中看到 AI 响应
4

创建你的第一个项目

# 打开终端,创建项目文件夹
mkdir my-first-project
cd my-first-project

# 用 VS Code 打开
code .

你应该看到什么

VS Code 打开后显示一个空的项目文件夹
5

开始你的第一次 AI 对话

# 在 AI 聊天面板中输入:
"我想做一个简单的 Hello World 网页,请帮我创建一个 index.html 文件"

# AI 会生成代码并解释每一步

你应该看到什么

AI 生成了 index.html 文件,你能在浏览器中打开并看到 Hello World

常见问题

成功确认
完成以上步骤后,检查以下几点确认你已经准备好了
  • VS Code 已安装并能正常打开
  • AI 编程扩展已安装并显示在侧边栏
  • 能成功调用 AI 并获得响应
  • 成功创建并运行了第一个 Hello World 页面

下一步