VS Code 安装及使用

Visual Studio Code (简称 VS Code) 是微软开发的一款免费、开源的现代化轻量级代码编辑器,支持 Windows、macOS 和 Linux 平台。

主要特点:

  • 跨平台:支持 Windows、macOS 和 Linux
  • 轻量快速:启动速度快,占用资源少
  • 强大扩展性:拥有丰富的扩展市场
  • 内置 Git:提供版本控制功能
  • 智能提示:支持代码补全、语法高亮、错误检查
  • 调试功能:内置调试工具
  • 高度可定制:可自定义主题、快捷键等

二、安装 VS Code

1. 下载安装

2. 安装步骤

Windows:

  1. 下载 .exe 安装包
  2. 运行安装程序
  3. 按照向导完成安装(建议勾选"添加到PATH"选项)

macOS:

  1. 下载 .zip 文件
  2. 解压后将 VS Code 拖到 Applications 文件夹
  3. 可从 Launchpad 或 Spotlight 启动

Linux:

  • 可通过官方 .deb 或 .rpm 包安装
  • 也可使用 snap 安装:sudo snap install --classic code

三、基本使用

1. 界面介绍

  • 活动栏:左侧图标栏,包括文件资源管理器、搜索、Git、调试和扩展等
  • 侧边栏:显示当前打开的文件目录结构
  • 编辑器区域:主编辑区,可分割为多个编辑窗口
  • 状态栏:底部显示当前文件信息、Git 分支、错误/警告等
  • 面板:底部区域,显示终端、问题输出、调试控制台等

2. 基本操作

  • 打开文件夹:文件 > 打开文件夹
  • 新建文件:文件 > 新建文件 或 Ctrl+N
  • 保存文件:文件 > 保存 或 Ctrl+S
  • 切换主题:文件 > 首选项 > 颜色主题

3. 扩展安装

  1. 点击左侧扩展图标(或 Ctrl+Shift+X)
  2. 搜索需要的扩展
  3. 点击安装
  4. 部分扩展安装后需要重启 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 粘贴到终端

五、实用技巧

  1. 多光标编辑:按住 Alt 点击多个位置,或使用 Ctrl+Alt+↑/↓ 添加多光标
  2. 快速打开:Ctrl+P 后输入 ">" 可查看所有可用命令
  3. 代码折叠:使用编辑器左侧的折叠图标或快捷键 Ctrl+Shift+[ 和 Ctrl+Shift+]
  4. 格式化代码:Shift+Alt+F 或右键选择"格式化文档"
  5. 命令面板:Ctrl+Shift+P 可执行几乎所有操作
  6. 用户代码片段:文件 > 首选项 > 用户代码片段 可创建常用代码片段

VS Code 通过其丰富的扩展生态系统和高度可定制性,可以满足各种开发需求,是现代化开发的强大工具。









results matching ""

    No results matching ""