AI 编程工具 免费 ⏱ 阅读约 14 分钟 2026/7/9

VS Code 设置与界面

认识 VS Code 的文件区、编辑区、终端、扩展区和常用设置。

序言

本教程由「小荣的网络开发日志」实操整理编写,实操踩坑验证,内容真实可靠。

遇到操作问题可直接联系作者,转载需标注原文出处,禁止私自篡改商用。

承接网站、APP、小程序、各类脚本定制开发;

AI 编程教学、一对一项目全程陪跑,提供免费技术咨询。

联系方式: 微信:rongyaolg 电话:18375295913


主界面

VS Code 的主界面可以先分成 5 块:

区域 作用
文件资源管理器 查看和管理项目文件
编辑区 写代码、改文件
扩展区 安装插件
终端 输入命令、运行项目
状态栏 查看文件类型、编码、Git 状态等

小白常用设置

设置 建议
Auto Save 可以打开
Format On Save 建议打开
Word Wrap 建议打开
Font Size 调到看得清
Theme 选择深色或浅色都可以

打开设置

可以点击左下角齿轮图标,进入设置页面。

如果不知道某个设置是什么意思,先保持默认,不要一次改太多。


官方教程链接