120 lines
469 KiB
Markdown
120 lines
469 KiB
Markdown
# VSCode AI 编程体验入门指南
|
||
|
||
> 本指南面向零基础小白，手把手带你从安装到完成第一个 AI 编程项目。
|
||
|
||
---
|
||
|
||
## 第一步：安装 VSCode
|
||
|
||
VSCode（Visual Studio Code）是微软出品的免费代码编辑器，轻量且插件生态丰富，是 AI 编程的最佳载体。
|
||
|
||
点击下方链接直接下载安装包：
|
||
|
||
👉 [下载 VSCode（Windows 64位）](https://vscode.download.prss.microsoft.com/dbazure/download/stable/f6cfa2ea2403534de03f069bdf160d06451ed282/VSCodeSetup-x64-1.121.0.exe)
|
||
|
||
下载完成后，双击运行安装程序，一路点"下一步"即可完成安装。
|
||
|
||
---
|
||
|
||
## 第二步：在桌面新建项目文件夹
|
||
|
||
1. 在桌面上**右键** → **新建** → **文件夹**
|
||
2. 将文件夹命名为 `test`
|
||
|
||
这个文件夹就是你的**代码项目目录**，后续所有代码文件都会放在这里。
|
||
|
||
---
|
||
|
||
## 第三步：用 VSCode 打开文件夹
|
||
|
||
1. 启动 VSCode
|
||
2. 点击左上角 **文件** → **打开文件夹**
|
||
3. 选择桌面上的 `test` 文件夹，点击"选择文件夹"
|
||
|
||
|
||
|
||
|
||
|
||
打开后，左侧资源管理器中会显示 `test` 文件夹，说明已经成功加载项目目录。
|
||
|
||
---
|
||
|
||
## 第四步：安装 Codebuddy 插件
|
||
|
||
Codebuddy 是一款强大的 AI 编程助手插件，支持多种大模型，能帮你直接用自然语言生成代码。
|
||
|
||
1. 点击 VSCode 左侧栏的 **扩展图标**（方块形状），或按快捷键 `Ctrl + Shift + X`
|
||
2. 在搜索框中输入 `codebuddy`
|
||
3. 找到对应插件，点击 **安装**
|
||
|
||
|
||
|
||
安装完成后，左侧栏会出现 Codebuddy 的图标，说明插件已就绪。
|
||
|
||
---
|
||
|
||
## 第五步：登录并使用 GLM-5.1 进行开发
|
||
|
||
1. 点击左侧栏的 **Codebuddy 图标**，打开对话面板
|
||
2. **微信扫码**或**手机号登录** Codebuddy 账号
|
||
3. 登录后，选择 **GLM-5.1** 大模型
|
||
4. 在对话框中输入你的需求，AI 就会自动生成代码！
|
||
|
||
|
||
|
||
### 样例提示词
|
||
|
||
你可以复制以下提示词，粘贴到 Codebuddy 对话框中试试效果：
|
||
|
||
```
|
||
做一个食堂菜单管理系统
|
||
1.该系统是一个纯网页静态页面。
|
||
2.每天早中晚3顿，每顿有2种大荤，3种小荤，3种素菜和1种汤。
|
||
3.每个自然周（周一到周日）每顿饭的所有菜都不能重样。
|
||
4.邻周之间每顿菜品的组合尽可能多样化，如避免本周一和上周一菜品重合度较高。
|
||
5.支持日历选择、按周查看和导出本月和下月每天的菜单。
|
||
6.内置20种大荤，30种小荤，30种素菜和10种汤。
|
||
```
|
||
|
||
提交后，AI 会自动生成完整的代码文件，你只需点击确认即可保存到项目中，用浏览器打开就能看到效果。
|
||
|
||
---
|
||
|
||
## 第六步（扩展）：安装 Claude Code
|
||
|
||
Claude Code 是 Anthropic 推出的终端 AI 编程工具，适合进阶用户在命令行中使用。
|
||
|
||
详细安装和使用教程请参考：
|
||
|
||
👉 [B站视频教程 - Claude Code 入门](https://www.bilibili.com/video/BV1stQgBvEmU/?buvid=XU324FC37BCB18B262F862C988C4C94A3DF1A&from_spmid=search.search-result.0.0&is_story_h5=false&mid=bpEQTlRFPuafoZ83BzVgzw%3D%3D&p=4&plat_id=116&share_from=ugc&share_medium=android&share_plat=android&share_session_id=0c918e01-a4f3-4755-8591-7408934ff0d1&share_source=WEIXIN&share_tag=s_i&spmid=united.player-video-detail.0.0×tamp=1776253059&unique_k=p01ouQa&up_id=513351809)
|
||
|
||
---
|
||
|
||
## 第七步：安装 Git
|
||
|
||
Git 是最流行的版本控制工具，能帮你管理代码的每一次修改，是开发者的必备工具。
|
||
|
||
点击下方链接下载安装包：
|
||
|
||
👉 [Git 官方下载页](https://git-scm.com/install/windows)
|
||
|
||
👉 [Git-2.54.0-64-bit.exe 直接下载](https://release-assets.githubusercontent.com/github-production-release-asset/23216272/97d75124-837c-4f83-834d-525694b2ed02?sp=r&sv=2018-11-09&sr=b&spr=https&se=2026-05-25T10%3A52%3A45Z&rscd=attachment%3B+filename%3DGit-2.54.0-64-bit.exe&rsct=application%2Foctet-stream&skoid=96c2d410-5711-43a1-aedd-ab1947aa7ab0&sktid=398a6654-997b-47e9-b12b-9515b896b4de&skt=2026-05-25T09%3A52%3A25Z&ske=2026-05-25T10%3A52%3A45Z&sks=b&skv=2018-11-09&sig=KJrH97Mie3xL5%2BTLLXKXS9Zh8rdwjOpojRfRj1nicL4%3D&jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmVsZWFzZS1hc3NldHMuZ2l0aHVidXNlcmNvbnRlbnQuY29tIiwia2V5Ijoia2V5MSIsImV4cCI6MTc3OTcwNTA5NiwibmJmIjoxNzc5NzAzMjk2LCJwYXRoIjoicmVsZWFzZWFzc2V0cHJvZHVjdGlvbi5ibG9iLmNvcmUud2luZG93cy5uZXQifQ.nklz4rgovZ-dpRwpuzbx0zjEDy1lHCBfzopV2_LnfxA&response-content-disposition=attachment%3B%20filename%3DGit-2.54.0-64-bit.exe&response-content-type=application%2Foctet-stream)
|
||
|
||
下载后双击安装，保持默认选项一路"下一步"即可。
|
||
|
||
---
|
||
|
||
## 小结
|
||
|
||
| 步骤 | 内容 |
|
||
|------|------|
|
||
| 1 | 安装 VSCode |
|
||
| 2 | 桌面新建 test 文件夹 |
|
||
| 3 | 用 VSCode 打开文件夹 |
|
||
| 4 | 安装 Codebuddy 插件 |
|
||
| 5 | 登录 Codebuddy，用 GLM-5.1 开始 AI 编程 |
|
||
| 6 | 扩展：安装 Claude Code |
|
||
| 7 | 安装 Git |
|
||
|
||
恭喜你完成了所有配置！现在就开始用 AI 写你的第一个项目吧 🎉
|