VS Code安装后必做的5项基础配置

启用自动保存防止代码丢失，设置“afterDelay”模式；2. 安装ESLint、Prettier等常用扩展提升开发效率；3. 配置Fira Code等编程字体与Dark+等主题优化视觉体验；4. 设置Prettier为默认格式化工具并开启保存时自动格式化；5. 开启行尾空格高亮与缩进提示，保持代码整洁。完成这五步可显著提升VS Code使用舒适度和编码效率。

刚安装完 VS Code，直接写代码可能会觉得体验不够顺手。通过几项基础配置，能大幅提升编辑效率和使用舒适度。以下是安装后建议立即完成的5个关键设置。

1. 启用自动保存

避免忘记手动保存导致代码丢失，启用自动保存功能非常必要。

操作方法：

• 打开命令面板（Ctrl+Shift+P 或 Cmd+Shift+P）
• 输入“Preferences: Open Settings (UI)”并执行
• 搜索“auto save”
• 将“Auto Save”选项改为“afterDelay”
• 可调整延迟时间（默认1000毫秒），实现修改后自动保存

2. 安装常用扩展

扩展是 VS Code 强大的核心。几个基础扩展能让开发更高效。

推荐安装：

• ESLint：JavaScript/TypeScript 语法检查
• Prettier - Code formatter：统一代码格式化风格
• Bracket Pair Colorizer：为括号添加颜色，提升可读性
• Path Intellisense：自动补全文件路径
• 根据语言选择对应插件，如 Python、Go、Docker 等

3. 设置统一的字体和主题

舒适的字体和配色能减少视觉疲劳。

建议配置：

易笔AI论文

专业AI论文生成，免费生成论文大纲，在线生成选题/综述/开题报告等论文模板

103

查看详情

• 进入设置，搜索“font family”
• 替换默认字体为更清晰的编程字体，例如： 'Fira Code', 'JetBrains Mono', 'Source Code Pro'
• 开启连字（Ligatures）支持（需字体支持，如 Fira Code）
• 选择喜欢的主题：可通过“Color Theme”快速切换，推荐 Dark+、One Dark Pro 或 Solarized Dark

4. 配置 Prettier 自动格式化

保持团队代码风格一致，减少格式争议。

设置步骤：

• 确保已安装 Prettier 扩展
• 右键编辑器，选择“Format Document With”，设为 Prettier
• 在设置中搜索“default formatter”，选择 Prettier 为默认格式化工具
• 勾选“Format On Save”，保存时自动格式化

5. 开启行尾空格高亮与缩进提示

提升代码整洁度，避免不必要的版本控制差异。

推荐开启：

• 搜索设置“render whitespace”
• 设为“boundary”或“all”，显示空格和制表符
• 搜索“trim auto whitespace”，勾选以自动删除行尾空格
• 在状态栏点击缩进标识（如“Spaces: 2”），可快速切换并保存项目级缩进设置

基本上就这些。这五项配置覆盖了编辑器的基础使用体验，花十分钟设置好，后续编码会顺畅很多。

以上就是VS Code安装后必做的5项基础配置的详细内容，更多请关注php中文网其它相关文章！