VS Code + Cline + MiMo,全免费,跟着做就行
今天搭什么
上一篇我们聊了为什么现在学编程比以前容易10倍。简单说:AI能帮你写代码、查错误、解释原理。但前提是——你得有个”让AI帮你写代码”的环境。
今天这30分钟,我们做三件事:
- 装好Python(写代码的语言)
- 装好VS Code(写代码的地方)
- 让Cline + MiMo连上VS Code(你的AI搭档)
全部免费,不需要信用卡,不需要翻墙。
第一步:安装Python
2.1 什么是Python?
Python是一门编程语言,就像中文是我们说话的语言。我们用Python跟电脑”说话”,让它干活。
2.2 下载安装
Windows用户:
- 打开浏览器,访问
python.org - 点击页面顶部大大的黄色按钮 「Download Python 3.x.x」(x.x是版本号,会变,点最新的就行)
- 下载完成后,双击运行安装包
- ⚠️ 非常重要:安装界面底部,勾选「Add Python to PATH」这个复选框! 不勾选的话,后面命令行找不到Python
- 点击「Install Now」,等待安装完成
- 看到「Setup was successful」就装好了
📸 截图说明:安装界面底部有一个小方框写着「Add Python to PATH □」,一定要打勾。上面是「Install Now」按钮,直接点就行。
Mac用户:
Mac自带Python,但版本可能较老。建议同样去 python.org 下载最新版安装包(.pkg文件),双击安装即可。
2.3 验证安装
安装完成后,我们需要确认Python真的装好了:
- 按
Win + R(Mac用Command + 空格),输入cmd,回车,打开命令行 - 输入以下命令,然后按回车:
`bash
python –version
`
- 如果显示类似
Python 3.12.x的文字,说明装好了 ✅
📸 截图说明:黑色命令行窗口里,输入python –version后,显示一行白色文字「Python 3.12.4」。
第二步:安装VS Code
3.1 什么是VS Code?
VS Code(全名 Visual Studio Code)是一个免费的代码编辑器,微软出品。你可以把它想象成一个”高级记事本”——不仅能写代码,还能运行代码、装插件、连AI。
3.2 下载安装
- 打开浏览器,访问
code.visualstudio.com - 点击蓝色的 「Download for Windows」 按钮(Mac用户会自动显示Mac版)
- 下载完成后,双击运行安装包
- 安装过程中,建议勾选以下选项:
- ☑️ Add to PATH(从命令行打开VS Code)
- ☑️ Add “Open with Code” to context menu(右键菜单直接用VS Code打开文件)
- ☑️ Register Code as supported file editor(关联代码文件)
- 其他选项默认就行,一路点「Next」→「Install」
📸 截图说明:VS Code安装向导中,有一个页面列出了6个复选框,前三个建议勾上,下面有Next和Back按钮。
3.3 第一次打开
安装完成后打开VS Code,你会看到一个蓝色/黑色的欢迎界面,左边是一排图标(资源管理器、搜索、扩展等),中间是欢迎页。别被界面吓到——我们只用到其中很小一部分。
第三步:安装Cline插件
4.1 什么是Cline?
Cline是一个开源的AI编程助手插件。装上它之后,你可以在VS Code里直接跟AI对话,让AI帮你写代码、改代码、解释代码。就像请了一个24小时在线的编程老师。
4.2 安装步骤
- 打开VS Code
- 点击左侧边栏的 扩展图标(从上往下数第四个,看起来像四个方块拼在一起的图标)
- 在搜索框里输入
Cline - 找到名字叫 「Cline」 的插件(作者是 Cline,图标是一个绿色的小人)
- 点击 「Install」 按钮
- 等待几秒钟,安装完成后,左侧边栏会出现一个新的Cline图标
📸 截图说明:VS Code左侧扩展面板,搜索框输入Cline后,下方显示搜索结果,第一个就是Cline插件,右侧有蓝色的Install按钮。
4.3 验证安装
安装完成后,点击左侧边栏最下方新出现的Cline图标(或按 Ctrl + Shift + P,输入 Cline),如果能看到Cline的对话界面,说明安装成功 ✅
第四步:配置Cline连接MiMo API
5.1 什么是MiMo?
MiMo是小米推出的免费大模型API。配置好之后,Cline就会用MiMo的AI能力来帮你写代码。免费额度够日常学习用。
5.2 获取API Key
- 打开浏览器,访问小米大模型开放平台(搜索「小米MiMo API」即可找到)
- 注册账号并登录
- 在控制台找到 「API Key」 或 「密钥管理」 页面
- 点击「创建API Key」,复制生成的密钥(一串字母数字,类似
sk-xxxxxxxxxx)
⚠️ API Key只显示一次,复制后保存好,别弄丢了。
5.3 在Cline中配置
- 点击VS Code左侧的Cline图标,打开Cline面板
- 点击面板右上角的 齿轮图标(设置)
- 在「API Provider」下拉菜单中,选择 「OpenAI Compatible」(因为MiMo兼容OpenAI格式)
- 在「Base URL」一栏,填入MiMo的API地址(小米官方文档里会提供,类似
https://api.xiaomi.com/v1) - 在「API Key」一栏,粘贴你刚才复制的密钥
- 在「Model」一栏,选择或输入MiMo的模型名称(如
mimo-v2-pro) - 点击「Done」保存
📸 截图说明:Cline设置面板,顶部是API Provider下拉框,下面是Base URL输入框、API Key输入框、Model输入框,底部有Done按钮。
5.4 测试连接
配置完成后,在Cline的对话框里输入:
`
你好,请用Python写一个Hello World
`
如果Cline回复了一段Python代码(print("Hello World")),说明配置成功 ✅
第五步:创建并运行你的第一个程序
6.1 创建文件
- 在VS Code里,点击菜单 「文件」→「新建文件」
- 按
Ctrl + S保存,文件名输入hello.py(注意后缀是.py) - 选择一个你记得住的文件夹保存,比如桌面
6.2 写代码
在编辑器里输入以下内容:
`python
print(“Hello, AI编程!”)
print(“我的第一个程序”)
print(1 + 1)
`
这三行代码的意思:让电脑在屏幕上显示三行文字。
6.3 运行代码
- 点击VS Code右上角的 ▶️ 运行按钮(三角形图标)
- 或者按快捷键
Ctrl + F5 - 底部会弹出「终端」面板,显示运行结果:
`
Hello, AI编程!
我的第一个程序
2
`
看到这个输出,恭喜你——你写出了人生第一个程序!🎉
📸 截图说明:VS Code界面,上方是代码编辑区(三行Python代码),底部终端面板显示运行结果。右上角有绿色三角形运行按钮。
常见问题排查
Q1:Python安装后,命令行提示「不是内部或外部命令」
原因:安装时没有勾选「Add Python to PATH」。
解决方法:
- 方法一:卸载Python,重新安装,这次记得勾选「Add Python to PATH」
- 方法二:手动添加环境变量(搜索「Windows 添加Python到PATH」有详细教程)
Q2:VS Code扩展商店搜索不到Cline
可能原因:网络问题或VS Code版本太旧。
解决方法:
- 确认VS Code是最新版本(菜单「帮助」→「检查更新」)
- 如果扩展商店加载不出来,可能是网络问题,稍等一会儿重试
- 实在不行,去Cline的GitHub页面下载
.vsix文件,在VS Code扩展面板点击「…」→「Install from VSIX」手动安装
Q3:Cline配置MiMo后没有回复
可能原因:API地址或Key填错了。
解决方法:
- 检查Base URL是否正确(末尾有没有多余的斜杠或空格)
- 检查API Key是否完整复制(没有多余空格)
- 检查模型名称是否拼写正确
- 查看Cline面板底部有没有错误提示信息
Q4:运行Python代码报错「No module named xxx」
原因:代码里用到了还没安装的第三方库。
解决方法:在终端输入 pip install xxx(xxx是库名),等安装完再运行。
今天搭好了什么
回顾一下,今天你完成了:
| 序号 | 任务 | 状态 |
|---|
|——|——|——|
| 1 | 安装Python | ✅ |
|---|---|---|
| 2 | 安装VS Code | ✅ |
| 3 | 安装Cline插件 | ✅ |
| 4 | 配置MiMo API | ✅ |
| 5 | 创建并运行第一个程序 | ✅ |
你现在有了一个完整的AI编程环境:VS Code是你的工作台,Cline是你的AI搭档,Python是你的工具。
下篇预告
下一篇 《AI编程(三):第一个程序》,我们将正式开始写代码。不是Hello World那种玩具——而是一个真正有用的程序。你会看到AI怎么一步步帮你把想法变成代码,以及你在这个过程中应该学什么、记什么。
工具已经就位,下一篇,我们开工。
发表回复