vs code 全称 Visual Studio Code,是微软推出的免费开源跨平台代码编辑器,核心作用就是编写修改调试各类源代码,同时可以通过插件扩展成完整开发环境,它支持 Windows Mac Linux 三大系统,不管是新手学习编程,还是专业程序员做项目开发,都可以使用,很多人会把它和 Visual Studio 搞混,Visual Studio 是重量级完整 IDE,体积很大,而 vs code 本身是轻量编辑器,基础安装包不大,默认只提供基础编辑能力,靠插件支持不同编程语言,写前端网页 Python Java C++ 配置文件 Markdown 文档都可以胜任,它自带语法高亮 代码补全 内置终端 版本控制 Git 集成,不用额外切换软件,写代码 跑命令 提交代码可以在同一个窗口完成,这也是它现在成为最流行编程工具的主要原因。
核心原理说明
vs code 底层基于 Electron 框架,结合浏览器渲染内核和 Nodejs 运行环境,所以可以做到跨系统运行,它本身不绑定特定编程语言,每一种语言的语法识别 智能提示 编译调试,都依靠对应的语言扩展插件实现,比如写 Python 要装 Python 插件,写前端 Vue 要装 Vue 插件,安装插件之后,编辑器才会识别该语言语法,提供代码跳转 断点调试 错误提示这些高级功能,原生自带 Git 集成模块,可以直接查看代码改动,提交版本,解决代码版本管理的需求。
核心功能清单
| 功能模块 | 具体作用 |
|---|---|
| 语法高亮 | 不同代码关键字变色,方便区分代码结构 |
| IntelliSense 智能补全 | 输入代码自动提示函数 参数,提升编写速度 |
| 内置终端 | 编辑器内部直接执行命令,不用单独打开 cmd 或者终端 |
| Git 集成 | 可视化查看代码差异,提交 拉取 推送代码 |
| 断点调试 | 设置断点,单步运行代码,查看变量数值,排查 bug |
| 扩展插件市场 | 安装主题 格式化工具 语言包 开发辅助插件 |
| 多窗口分屏 | 左右分屏同时打开多个文件,对比代码 |
详细上手使用步骤
第一步 下载安装
前往官方网站,选择对应操作系统版本,下载安装包,按照默认选项安装,安装的时候可以勾选添加到右键菜单,后续可以直接右键文件夹,选择用 vs code 打开项目。
第二步 打开项目文件夹
启动 vs code,点击打开文件夹,选中你的代码项目目录,左侧资源管理器就会展示整个项目所有文件,编程项目推荐直接打开文件夹,不要单独打开单个文件,这样代码跳转 项目检索功能才能正常生效。
第三步 安装必备插件
打开左侧扩展面板,搜索对应开发语言插件,新手推荐优先安装中文简体语言包,把界面切换成中文,再根据开发方向安装对应插件,写 Python 安装 Python 插件,前端开发安装 ESLint Prettier 格式化插件。
第四步 编写与运行代码
新建代码文件,根据后缀名自动识别语言,开始编写代码,打开内置终端,输入对应的运行命令,比如 Python 输入 python 文件名,就可以直接运行代码,也可以配置 launch.json 调试文件,使用断点调试模式运行程序。
第五步 Git 版本管理
点击左侧源代码管理图标,查看本次修改的代码,填写提交备注,完成 commit,再执行 push 推送到远程仓库,适合多人协作项目。
适用场景与局限
适用场景
1 编程入门学习,Python JS HTML CSS 等课程练习
2 前端项目开发,网页 小程序 前端框架项目
3 编写配置文件,json yaml ini 等文本配置
4 Markdown 笔记编写,支持实时预览
5 远程开发,通过 Remote 插件连接远程服务器写代码
局限说明
vs code 属于编辑器,不是完整大型 IDE,超大型底层项目编译性能不如 Visual Studio 这类专业 IDE,部分复杂编译调试场景,还需要搭配其他编译工具链。
综合来看,vs code 是一款轻量灵活的通用代码编辑器,优势是免费 跨平台 插件生态丰富,上手门槛低,适合绝大多数日常编码开发任务,新手学习编程首选这个工具,不需要一开始就上手体积庞大的专业开发软件。
【常见问题】
问题 1 vs code 是干嘛的,它和 Visual Studio 是同一个软件吗
回答 1 vs code 是干嘛的,它并不是 Visual Studio,vs code 是轻量跨平台代码编辑器,Visual Studio 是微软重量级完整 IDE,vs code 依靠插件扩展开发能力,体积更小,跨 Windows Mac Linux 系统。
问题 2 vs code 是干嘛的,可以不用插件直接写代码吗
回答 2 vs code 是干嘛的,基础状态下可以直接写纯文本代码,但是 vs code 没有插件的时候缺少语言智能提示和断点调试,想要完整开发体验,需要在 vs code 安装对应语言插件。
问题 3 vs code 是干嘛的,适合编程新手学习吗
回答 3 vs code 是干嘛的,非常适合编程新手学习,vs code 界面简洁,支持中文语言包,内置终端和代码补全,入门门槛低,是现在编程课程最常用的教学编辑器。
问题 4 vs code 是干嘛的,支持远程服务器开发吗
回答 4 vs code 是干嘛的,它支持远程服务器开发,在 vs code 安装 Remote 相关插件之后,可以直接连接远程服务器,在 vs code 里面编辑服务器上的代码,不用单独登录终端操作。
【免责申明】
本文为 vs code 基础科普介绍,软件版本持续更新,插件功能和界面选项会随官方迭代发生变化,具体功能以官方最新版本为准。


