当前位置：首页 > article >正文

VSCode 配置优化

article 2025/3/14 1:36:20

Visual Studio Code（VSCode）是一款功能强大且高度可定制的代码编辑器。通过合理的配置和优化，可以显著提升开发效率。以下是一份详细的 VSCode 配置优化指南，涵盖常用设置、扩展推荐、快捷键优化等内容。

1. 基本设置优化

通过修改 VSCode 的设置文件（settings.json），可以优化编辑器的行为。

打开设置文件

按下 Ctrl + , 打开设置界面。
点击右上角的“打开设置 (JSON)”图标，编辑 settings.json 文件。

常用配置示例

{
    // 字体设置
    "editor.fontFamily": "'Fira Code', 'Consolas', monospace",
    "editor.fontSize": 14,
    "editor.fontLigatures": true, // 启用连字（Fira Code 支持）

    // 主题和颜色
    "workbench.colorTheme": "One Dark Pro", // 推荐主题
    "workbench.iconTheme": "material-icon-theme", // 图标主题

    // 编辑器行为
    "editor.tabSize": 4,
    "editor.insertSpaces": true,
    "editor.wordWrap": "on", // 自动换行
    "editor.formatOnSave": true, // 保存时自动格式化
    "editor.minimap.enabled": false, // 禁用缩略图
    "editor.renderWhitespace": "none", // 不显示空白字符

    // 文件保存
    "files.autoSave": "afterDelay", // 自动保存
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true
    },

    // 终端设置
    "terminal.integrated.fontSize": 12,
    "terminal.integrated.shell.windows": "C:\\Windows\\System32\\wsl.exe", // 使用 WSL

    // 扩展设置
    "extensions.autoUpdate": true // 自动更新扩展
}

2. 推荐扩展

VSCode 的扩展生态系统非常丰富，以下是一些常用扩展推荐：

开发工具

Python：Python 语言支持。
ESLint：JavaScript/TypeScript 代码检查。
Prettier：代码格式化工具。
GitLens：增强 Git 功能。
Docker：Docker 容器管理。

主题和外观

One Dark Pro：流行的暗色主题。
Material Icon Theme：文件图标主题。
Bracket Pair Colorizer：彩色括号匹配。

效率工具

Tabnine：AI 代码补全。
Live Server：实时预览网页。
Code Runner：快速运行代码片段。
Remote - SSH：远程开发支持。

其他

Markdown All in One：Markdown 编辑增强。
YAML：YAML 文件支持。
JSON Tools：JSON 格式化工具。

3. 快捷键优化

VSCode 的默认快捷键已经非常强大，但你可以根据个人习惯进行自定义。

打开快捷键设置

按下 Ctrl + K Ctrl + S 打开快捷键设置。
搜索需要修改的命令，点击编辑图标进行自定义。

常用快捷键推荐

代码格式化：Shift + Alt + F
快速打开文件：Ctrl + P
切换终端：`Ctrl + ``（反引号）
折叠/展开代码：Ctrl + Shift + [ / Ctrl + Shift + ]
多光标编辑：Ctrl + Alt + 上下箭头
重命名符号：F2
跳转到定义：F12
查看引用：Shift + F12

4. 集成终端优化

VSCode 的集成终端可以直接在编辑器内运行命令，以下是一些优化建议：

使用 WSL（Windows 用户）

如果你在 Windows 上开发，建议将终端设置为 WSL：

"terminal.integrated.profiles.windows": {
    "PowerShell": {
        "source": "PowerShell",
        "icon": "terminal-powershell"
    },
    "WSL": {
        "path": "wsl.exe",
        "args": [],
        "icon": "terminal-linux"
    }
},
"terminal.integrated.defaultProfile.windows": "WSL"

终端字体

推荐使用等宽字体（如 Fira Code）以获得更好的显示效果：

"terminal.integrated.fontFamily": "'Fira Code', 'Consolas', monospace"

5. 远程开发

VSCode 支持通过 Remote 扩展进行远程开发，适合在服务器或容器中编写代码。

安装 Remote 扩展

搜索并安装 Remote - SSH、Remote - Containers 或 Remote - WSL。
使用 Ctrl + Shift + P 打开命令面板，输入 Remote-SSH: Connect to Host 连接到远程服务器。

配置文件示例

在 ~/.ssh/config 中配置 SSH 连接：

Host myserver
    HostName 192.168.1.100
    User myuser
    IdentityFile ~/.ssh/id_rsa

6. 调试配置

VSCode 提供了强大的调试功能，支持多种编程语言。

配置调试任务

打开调试面板（Ctrl + Shift + D）。
点击“创建 launch.json 文件”，选择对应的环境（如 Python、Node.js）。

示例：Python 调试配置

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python: Current File",
            "type": "python",
            "request": "launch",
            "program": "${file}",
            "console": "integratedTerminal"
        }
    ]
}