Skip to content

第 3 课:从“路边摊”到“米其林厨房” - 升级至 VS Code

欢迎来到第三关!在上一课中,我们终于成功运行了 AI 代码。我们拥有了“翻译官”(Python)和“采购员”(Pip),并在“路边摊”(记事本 + 命令行)上完成了第一道菜。

这很酷,但你可能已经感觉到了这种工作方式的痛点:

  • 盲写代码:在记事本里,所有代码都是黑色的,拼写错误、语法问题完全看不出来。
  • 频繁切换:你需要在一个窗口里编辑代码,在另一个窗口里输入命令运行,来回切换非常繁琐。
  • 信息不直观:文件夹里有哪些文件?代码运行需要哪些库?一切都得靠命令和记忆。

是时候进行一次史诗级升级了!我们将引入一个专业的集成开发环境 (IDE) 概念,并选择其中最灵活的代表——Visual Studio Code (VS Code)

1. 什么是 IDE?它和 IDLE 有什么关系?

当你安装 Python 时,它附带了一个小程序,叫做 IDLE (Integrated Development and Learning Environment)。你可能已经见过它。IDLE 就像是买锅时附赠的一把塑料锅铲,它确实能用:你可以用它写代码(比记事本好一点,有颜色),也可以直接运行代码。

但它非常基础,功能有限,就像一个只能做“番茄炒蛋”的简易厨房。

而一个真正的 IDE (Integrated Development Environment),则是一个功能极其强大的集成开发环境。它是一个将程序员需要的所有工具都打包在一起的“超级工作站”,通常包括:

  • 智能代码编辑器:提供语法高亮、自动补全、错误检查等。
  • 调试器 (Debugger):可以让你逐行运行代码,检查变量,像侦探一样找出 Bug。
  • 终端集成:无需离开软件就能执行命令行操作。
  • 版本控制集成:无缝连接 Git 等工具。
  • 插件系统:可以安装各种扩展,不断增强功能。

VS Code 本身是一个轻量的代码编辑器,但通过安装插件(尤其是 Microsoft 官方的 Python 插件),它就变身为一个功能齐全、高度可定制的 Python IDE。它就是我们所追求的那个,能烹饪任何大餐的“米其林厨房”。

VS Code官网

VS Code官网

免费、开源、强大的现代化代码编辑器。请从此下载。

2. 安装 VS Code 与核心插件

访问官网,下载对应你操作系统的安装包,然后像安装普通软件一样完成安装即可。

安装完成后,第一次打开 VS Code,它还只是一个通用的编辑器。我们需要安装一个关键的插件,来让它变身为一个专业的 Python “驾驶舱”。

  1. 打开 VS Code。
  2. 点击界面左侧边栏中像四个方块一样的图标,这就是 “扩展(Extensions)” 商店。
  3. 在顶部的搜索框中,输入 Python
  4. 在搜索结果中,找到那个由 Microsoft 官方发布的、下载量数千万的 Python 插件。
  5. 点击它旁边的 “Install” 按钮。

安装完成后,VS Code 就拥有了识别和运行 Python 代码的超能力。它通常还会顺带帮你装上 Jupyter 等数据科学常用插件,非常贴心。

3. 无缝整合:连接你的 Python 环境

现在,我们要做的最关键一步,就是告诉 VS Code:“请使用我们上一课安装的那个 Python ‘翻译官’来工作。”

  1. 用 VS Code 打开我们的项目文件夹

    • 在 VS Code 的菜单栏选择 “文件(File)” -> “打开文件夹(Open Folder...)”
    • 在弹出的窗口中,选择我们之前在桌面上创建的 my-project 文件夹,然后点击“打开”。
    • (VS Code 可能会询问你是否信任此文件夹的作者,选择“是,我信任”即可。)
  2. 让 VS Code 自动识别 Python

    • 在左侧的文件浏览器中,点击我们创建的 run_ai.py 文件。
    • 此时,VS Code 的 Python 插件会自动开始工作。由于我们之前已经将 Python 添加到了系统的 PATH 中,插件通常能自动找到它。
    • 观察 VS Code 窗口的右下角,你应该能看到显示了 Python 的版本号,例如 Python 3.12.0。这表示 VS Code 已经成功连接了我们的 Python “翻译官”!
  1. (备用方案)手动选择解释器: 如果右下角没有显示,或者版本不对,你可以手动指定:
    • 按下快捷键 Ctrl + Shift + P (Windows) 或 Cmd + Shift + P (macOS) 打开命令面板。
    • 输入 Python: Select Interpreter 并选择它。
    • 在弹出的列表中,选择那个带有 (Global) 或指向我们安装路径的 Python 解释器。

4. 体验升级:在 VS Code 中运行代码

现在,打开 run_ai.py 文件,感受一下“米其林厨房”带来的不同:

  • 代码高亮import, def 等关键字和字符串、数字都有了不同的颜色,代码结构一目了然。
  • 集成终端:在菜单栏选择 “终端(Terminal)” -> “新建终端(New Terminal)”。你会看到 VS Code 下方出现了一个我们熟悉的命令行窗口,而且它已经自动进入了我们的项目文件夹!你可以在这里继续使用 pip 等命令。
  • 一键运行:看到编辑器右上角那个白色的 “▶”按钮 了吗?点击它!

点击后,你会看到下方的终端窗口自动执行了 python run_ai.py 命令,并显示出代码的运行结果或弹出的图表。

告别窗口切换,告别盲写代码!

你已经成功地将你的工作流,从分散、低效的“路边摊”,升级到了一个集成化、智能化的专业平台。

在最后一课中,我们将在这个全新的专业厨房里,完整地重演一次“让 AI 给的代码跑起来”的奇迹,彻底巩固我们学到的所有知识。