VSCode 配置优化

server/2025/3/15 2:04:11/

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


1. 基本设置优化

通过修改 VSCode 的设置文件(settings.json),可以优化编辑器的行为。

打开设置文件

  1. 按下 Ctrl + , 打开设置界面。
  2. 点击右上角的“打开设置 (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 的默认快捷键已经非常强大,但你可以根据个人习惯进行自定义。

打开快捷键设置

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

常用快捷键推荐

  • 代码格式化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 扩展

  1. 搜索并安装 Remote - SSHRemote - ContainersRemote - WSL
  2. 使用 Ctrl + Shift + P 打开命令面板,输入 Remote-SSH: Connect to Host 连接到远程服务器。

配置文件示例

~/.ssh/config 中配置 SSH 连接:

Host myserverHostName 192.168.1.100User myuserIdentityFile ~/.ssh/id_rsa

6. 调试配置

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

配置调试任务

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

示例:Python 调试配置

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

7. 性能优化

如果 VSCode 运行缓慢,可以尝试以下优化方法:

  1. 禁用不必要的扩展:在扩展面板中禁用不常用的扩展。
  2. 调整文件排除规则:在 settings.json 中排除不需要的文件。
  3. 使用轻量级主题:避免使用过于复杂的主题。
  4. 关闭不必要的功能:如 editor.minimap.enablededitor.renderWhitespace

8. 备份与同步

通过 VSCode 的设置同步功能,可以在不同设备间同步配置。

启用设置同步

  1. 点击左下角的齿轮图标,选择“打开设置同步”。
  2. 登录 GitHub 或 Microsoft 账户,选择需要同步的内容(如设置、扩展、快捷键等)。

总结

通过以上配置和优化,你可以将 VSCode 打造成一个高效、个性化的开发工具。根据你的开发需求,灵活调整设置和扩展,提升开发体验!


http://www.ppmy.cn/server/175030.html

相关文章

uniapp+v3开发小程序拖拽排序功能

项目需求:需要根据用户喜好手动排序(这里只需要上下排序) 排序前(左图) > 排序时(右图) 拖动演示 思路: 1.创建一个拖动的元素,当拖动元素与其他元素触碰时更换位置重排列表 2.长按元素记录起点位置与下标,并将目标元素赋值与拖动元素 3.移动时处理触碰逻辑 4.松手时清…

制造业数字化转型,汽车装备制造企业数字化转型案例,智能制造数字化传统制造业数字化制造业数字化转型案例

《某制造业企业信息化整体解决方案》PPT展示了一个汽车装备企业的整体信息化解决方案,阐述了该企业的业务特点和现状,主要包括按订单生产、多级计划和产品跟踪等,分析了信息化建设的主要困难,如信息管理手工化、过程数据追溯困难、…

快速学习Bootstrap前端框架

什么是 Bootstrap? Bootstrap 是一个开源的前端框架,用于快速开发响应式(Responsive)和美观的网页。它包含: ✅ HTML 组件(导航栏、按钮、表单等) ✅ CSS 样式(网格系统、排版、颜色等) ✅ JavaScript 交互(模态框、轮播图、工具提示等) 官网:Bootstrap The mo…

Java后端序列化工具 Jackson 和 FastJSON

1. Jackson(Spring Boot 默认支持,无需额外依赖) 1.1 添加依赖(如果使用 Spring Boot,默认已有,无需添加) 如果你不是 Spring Boot 项目,需要手动添加 Jackson 依赖: …

Java Web大文件下载:从卡顿到丝滑的优化之旅

文章目录 Java Web大文件下载:从卡顿到丝滑的优化之旅一、引言二、优化前的困境(一)性能瓶颈初现(二)内存之殇(三)网络拥堵(四)代码示例:基本下载实现 三、优…

正则表达式(复习)

文章目录 一、[]: 一个字符集合二、{}: 重复次数三、特殊符号四、(): 分组五、python代码示例六、注意 正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个…

计算机操作系统(一) 什么是操作系统

计算机操作系统(一) 什么是操作系统 前言一、什么是操作系统二、操作系统的作用三、推动操作系统发展的主要动力总结(核心概念速记): 前言 当你打开电脑、点击应用、播放音乐时,是谁在背后默默协调这一切&…

css实现标题跑马灯效果

css实现标题跑马灯效果 <div class"topBar"><span class"scrolling-text">滚动字幕</span></div>keyframes marquee {0% {transform: translateX(300%);}100% {transform: translateX(-300%);} }.topBar {width:100%;height: 45px…