VS Code 安装及使用
Visual Studio Code (简称 VS Code) 是微软开发的一款免费、开源的现代化轻量级代码编辑器,支持 Windows、macOS 和 Linux 平台。
主要特点:
- 跨平台:支持 Windows、macOS 和 Linux
- 轻量快速:启动速度快,占用资源少
- 强大扩展性:拥有丰富的扩展市场
- 内置 Git:提供版本控制功能
- 智能提示:支持代码补全、语法高亮、错误检查
- 调试功能:内置调试工具
- 高度可定制:可自定义主题、快捷键等
二、安装 VS Code
1. 下载安装
- 官网下载:https://code.visualstudio.com/
- 选择对应操作系统的版本下载并安装
2. 安装步骤
Windows:
- 下载 .exe 安装包
- 运行安装程序
- 按照向导完成安装(建议勾选"添加到PATH"选项)
macOS:
- 下载 .zip 文件
- 解压后将 VS Code 拖到 Applications 文件夹
- 可从 Launchpad 或 Spotlight 启动
Linux:
- 可通过官方 .deb 或 .rpm 包安装
- 也可使用 snap 安装:
sudo snap install --classic code
三、基本使用
1. 界面介绍
- 活动栏:左侧图标栏,包括文件资源管理器、搜索、Git、调试和扩展等
- 侧边栏:显示当前打开的文件目录结构
- 编辑器区域:主编辑区,可分割为多个编辑窗口
- 状态栏:底部显示当前文件信息、Git 分支、错误/警告等
- 面板:底部区域,显示终端、问题输出、调试控制台等
2. 基本操作
- 打开文件夹:文件 > 打开文件夹
- 新建文件:文件 > 新建文件 或 Ctrl+N
- 保存文件:文件 > 保存 或 Ctrl+S
- 切换主题:文件 > 首选项 > 颜色主题
3. 扩展安装
- 点击左侧扩展图标(或 Ctrl+Shift+X)
- 搜索需要的扩展
- 点击安装
- 部分扩展安装后需要重启 VS Code
推荐扩展:
- Chinese (Simplified) Language Pack:中文语言包
- ESLint:JavaScript 代码检查
- Prettier:代码格式化
- Python:Python 语言支持
- Live Server:实时预览网页
- Docker:Docker 支持
四、常用快捷键
通用快捷键
快捷键 | 功能 |
---|---|
Ctrl+N | 新建文件 |
Ctrl+O | 打开文件 |
Ctrl+S | 保存当前文件 |
Ctrl+Shift+S | 另存为 |
Ctrl+W | 关闭当前标签页 |
Ctrl+Shift+T | 重新打开已关闭的编辑器 |
Ctrl+P | 快速打开文件 |
Ctrl+Shift+P | 打开命令面板 |
Ctrl+, | 打开用户设置 |
Ctrl+K Ctrl+S | 打开快捷键设置 |
编辑相关
快捷键 | 功能 |
---|---|
Ctrl+X | 剪切行 |
Ctrl+C | 复制行 |
Ctrl+V | 粘贴 |
Ctrl+Z | 撤销 |
Ctrl+Y | 重做 |
Ctrl+D | 选择下一个匹配项 |
Ctrl+Shift+L | 选择所有匹配项 |
Alt+↑/↓ | 向上/向下移动行 |
Shift+Alt+↑/↓ | 向上/向下复制行 |
Ctrl+/ | 切换行注释 |
Shift+Alt+A | 切换块注释 |
F2 | 重命名符号 |
Ctrl+F2 | 选择所有匹配项 |
导航相关
快捷键 | 功能 |
---|---|
Ctrl+G | 跳转到行 |
Ctrl+P | 跳转到文件 |
Ctrl+Shift+O | 跳转到符号 |
F8 | 跳转到下一个错误或警告 |
Shift+F8 | 跳转到上一个错误或警告 |
Ctrl+Tab | 切换编辑器组中的文件 |
Ctrl+Shift+Tab | 反向切换编辑器组中的文件 |
Ctrl+PageUp/PageDown | 向左/向右切换编辑器标签页 |
窗口管理
快捷键 | 功能 |
---|---|
Ctrl+B | 切换侧边栏可见性 |
Ctrl+J | 切换面板可见性 |
Ctrl+\ | 拆分编辑器 |
Ctrl+1/2/3 | 切换到第1/2/3编辑器组 |
Ctrl+K Z | 进入禅模式(全屏编辑) |
搜索替换
快捷键 | 功能 |
---|---|
Ctrl+F | 查找 |
Ctrl+H | 替换 |
F3/Shift+F3 | 查找下一个/上一个 |
Alt+Enter | 选择所有匹配项 |
Ctrl+Shift+F | 全局搜索 |
Ctrl+Shift+H | 全局替换 |
终端操作
快捷键 | 功能 |
---|---|
Ctrl+` | 切换终端 |
Ctrl+Shift+` | 新建终端 |
Ctrl+Shift+C | 复制选中内容 |
Ctrl+Shift+V | 粘贴到终端 |
五、实用技巧
- 多光标编辑:按住 Alt 点击多个位置,或使用 Ctrl+Alt+↑/↓ 添加多光标
- 快速打开:Ctrl+P 后输入 ">" 可查看所有可用命令
- 代码折叠:使用编辑器左侧的折叠图标或快捷键 Ctrl+Shift+[ 和 Ctrl+Shift+]
- 格式化代码:Shift+Alt+F 或右键选择"格式化文档"
- 命令面板:Ctrl+Shift+P 可执行几乎所有操作
- 用户代码片段:文件 > 首选项 > 用户代码片段 可创建常用代码片段
VS Code 通过其丰富的扩展生态系统和高度可定制性,可以满足各种开发需求,是现代化开发的强大工具。