以下是 Visual Studio Code (VSCode) 的基本设置指南,帮助你优化开发环境:
1. 安装与基础配置
-
下载安装
访问 VSCode 官网 下载对应系统的版本,按提示安装。 -
打开设置界面
- 快捷键:
Ctrl + ,
(Windows/Linux)或Cmd + ,
(Mac) - 手动入口:菜单栏 →
File
→Preferences
→Settings
- 快捷键:
-
用户 vs 工作区设置
- 用户设置:全局生效,影响所有项目。
- 工作区设置:仅对当前项目生效(会生成
.vscode/settings.json
文件)。
2. 常用设置项(JSON 示例)
在设置界面右上角点击 {}
图标,直接编辑 settings.json
:
{"editor.fontSize": 14, // 字体大小"editor.tabSize": 2, // Tab 缩进空格数"editor.formatOnSave": true, // 保存时自动格式化"files.autoSave": "afterDelay",// 自动保存(可选 off/afterDelay/onFocusChange)"terminal.integrated.fontSize": 12, // 终端字体大小"workbench.colorTheme": "Default Dark+", // 主题"explorer.confirmDelete": false // 删除文件时不提示确认
}
3. 安装扩展插件
- 入口:左侧边栏点击
Extensions
图标(或快捷键Ctrl+Shift+X
)。 - 推荐常用扩展:
- 编程语言支持:Python、JavaScript (ES6)、Java、C/C++
- 工具类:
- Prettier(代码格式化)
- GitLens(增强 Git 功能)
- ESLint(JavaScript 代码检查)
- Live Server(实时网页预览)
- Docker(容器管理)
- Remote - SSH(远程开发)
- 主题与图标:Material Theme、One Dark Pro、VSCode Icons
4. 调试配置
- 入口:左侧边栏点击
Run and Debug
(或快捷键Ctrl+Shift+D
)。 - 步骤:
- 创建
.vscode/launch.json
文件。 - 根据语言选择调试配置模板(如 Python、Node.js 等)。
- 设置断点并按
F5
启动调试。
- 创建
示例(Python 调试配置):
{"version": "0.2.0","configurations": [{"name": "Python: Current File","type": "python","request": "launch","program": "${file}","console": "integratedTerminal"}]
}
5. 集成终端
- 快捷键:`Ctrl + ``(反引号键)快速打开终端。
- 配置终端类型:
- 在设置中搜索
Terminal > Integrated: Shell
,选择默认终端(如 PowerShell、bash 或 zsh)。
- 在设置中搜索
6. 版本控制(Git)
- 初始化仓库:
Ctrl + Shift + G
打开 Git 面板,点击Initialize Repository
。 - 常用操作:提交(Commit)、拉取(Pull)、推送(Push)、分支管理等。
- 推荐配置:
{"git.enableSmartCommit": true,"git.autofetch": true }
7. 快捷键自定义
- 入口:
File → Preferences → Keyboard Shortcuts
(或Ctrl+K Ctrl+S
)。 - 常用默认快捷键:
- 格式化代码:
Shift + Alt + F
- 切换侧边栏:
Ctrl + B
- 快速打开文件:
Ctrl + P
- 多光标编辑:
Alt + 点击
或Ctrl + Alt + ↑/↓
- 格式化代码:
8. 高级优化
- 工作区配置:通过
.vscode
文件夹内的settings.json
、tasks.json
、launch.json
管理项目特定设置。 - 代码片段:通过
File → Preferences → User Snippets
自定义常用代码块。 - 远程开发:安装
Remote - SSH
或Remote - Containers
扩展,连接服务器或容器开发。
通过以上步骤,你可以快速配置一个高效的开发环境。根据实际需求调整设置和插件即可!