Vibe Coding 环境搭建 (1):VS Code 编辑器安装指南

Oct 24, 2025

# VS Code 编辑器安装指南

# VS Code 是什么?

VS Code(Visual Studio Code)是一个免费、开源的代码编辑器,由微软开发。它是目前最主流的编辑器工具之一。

# 为什么选择 VS Code?

  • 免费

  • 良好的生态让它有很多的插件

  • 很流行,遇到问题在网上或者大模型上很容易获得帮助。

# 安装 VS Code

# macOS 用户

  1. 下载安装包

    • 访问 VS Code 官网
    • 点击 "Download for Mac" 按钮
    • 下载 .zip 文件
  2. 安装步骤

    • 双击下载的 .zip 文件解压
    • Visual Studio Code.app 拖拽到应用程序文件夹
    • 在应用程序中找到 VS Code 并启动
  3. 验证安装

    • 打开终端(Terminal)
    • 输入 code --version
    • 如果显示版本号,说明安装成功
    • 需要注意,如果code命令不能识别,也并不一定就是安装失败。如果直接在Mac的启动台双击VS Code的图标能启动也行

# Windows 用户

  1. 下载安装包

    • 访问 VS Code 官网
    • 点击 "Download for Windows" 按钮
    • 根据你的系统选择 64 位或 32 位版本
  2. 安装步骤

    • 双击下载的 .exe 文件
    • 点击 "下一步" 直到完成安装
    • 安装完成后,VS Code 会自动启动
  3. 验证安装

    • Win + R 打开运行对话框
    • 输入 code 回车
    • 如果 VS Code 打开,说明安装成功

# 为什么要安装插件?

前文说到,良好的生态让 VS Code 有很多的插件,VS Code 本身是一个基础的代码编辑器,它的强大之处在于插件系统

插件就像手机的 App,能让手机拥有各种超能力。

# 插件安装方法

  1. 使用扩展面板

    • Ctrl+Shift+X (Windows) 或 Cmd+Shift+X (macOS)
    • 在搜索框输入插件名称
    • 点击 "Install" 安装
  2. 一些插件的网站上提供一件安装到 VS Code的选项

    • 比如Cline插件,可以在 Cline 的官网 上点击 Install Cline 选择 VS Code 安装

# 常见问题解答

所有与 VS Code 相关的问题都可以问AI.

# 下一步

恭喜!你已经成功安装并配置了 VS Code。接下来我们将学习:

  • Git 版本控制:管理你的代码历史
  • Node.js 环境:开发前端用
  • Python 环境:开发后端用

# 总结

VS Code 是 vibe coding 的核心工具,它提供了:

  • ✅ 智能的代码编辑体验
  • ✅ 丰富的插件生态系统

掌握 VS Code 是开始 vibe coding 之旅的第一步。花一些时间熟悉这些基础操作是值得的!


继续阅读:Vibe Coding 环境搭建 (2):Git 版本控制系统完全指南