《VSCode Clarity》VSCode 透明使用指南

• VSCode Carity

  VSCode =>Visual Studio Code

  ---

• 基本布局

  • 工作台workbench

    • Editor =>编辑器，可拆分三个
    • SideBar =>侧边栏Com/Ctrl + B
    • activityBar =>活动栏
    • statusBar =>状态栏
    • Panel =>面板Com/Ctrl + J

  • 拆分编辑器Editor

    • Com/Ctrl + 单击文件
    • Com/Ctrl + \\ =>令当前窗口一分为二
    • Ctrl + Enter
    • 文件上右键 =>Open to the Side
    • 编辑器右上角按钮 =>Split Editor
    • 拖拽文件到编辑区域

  • 资源管理器Explorer

    • 最近文件列表 =>Ctrl + R
    • 所在文件夹 =>Alt + Shift + R Com + Option + R
    • 重新打开编辑 =>Com/Ctrl + Shift + T
    • 关闭文件夹 =>Com/Ctrl + K F
    • 复制文件路径 =>Com/Ctrl + K P
    • quick open
      • 快速打开视图 =>Ctrl + Q
      • 快速打开上个 =>Ctrl + Tab, Tab
      • 快速打开下个 =>Ctrl + Shift + Tab, Tab
      • 快速上一个 =>Ctrl + PMac
      • 快速下一个 =>Ctrl + NMac

  ---

• 配置编辑器

  • 1. 用户设置User Settings

    Com/Ctrl + ,

    • Windows =>%APPDATA%\\Code\\User\\settings.json
    • Mac =>$HOME/Library/Application Support/Code/User/settings.json
    • Linux =>$HOME/.config/Code/User/settings.json

  • 2. 工作区设置Workspace Settings

    .vscode/...

  ---

• 快捷键

  • 5种组合方式

    • 常规组合 =>Com/Ctrl + Shift + ?
    • 依赖按键组合 =>Com/Ctrl + ?, Com/Ctrl + ?
    • 先组合后单键 =>Com/Ctrl + K M
    • 键盘 + 点击 =>Com/Ctrl + Click
    • 键盘 + 拖动 =>Com/Ctrl + DragMouse

  • General

    • 新建编辑器 =>Com/Ctrl + Shift + N
    • 关闭编辑器 =>Com/Ctrl + Shift + W
    • 快速文件 =>Com/Ctrl + P =>输入相应名称即可快速地打开文件或symbol
    • 命令面板 =>Com/Ctrl + Shift + P``F1

  • 视图

    • 切换全屏 =>Com + Ctrl + F``F11
    • 资源管理器 =>Com/Ctrl + Shift + E
    • 文件搜索 =>Com/Ctrl + Shift + F
    • 文件替换 =>Com/Ctrl + Shift + H
    • 高级搜索 =>Com/Ctrl + Shift + J
    • 源代码管理 =>Ctrl + Shift + G
    • 启动和调试 =>Com/Ctrl + Shift + D
    • 扩展管理 =>Com/Ctrl + Shift + X
    • 错误和警告 =>Com/Ctrl + Shift + M
    • 输出 =>Com/Ctrl + Shift + U
    • 调试控制台 =>Com/Ctrl + Shift + Y
    • Markdown =>Com/Ctrl + Shift + V
    • 侧边预览 =>Com/Ctrl + K, V
    • 切换终端 =>`Ctrl + ``
    • 新建终端 =>`Ctrl + Shift + ``
    • Tab焦点 =>Ctrl + M, Tab Ctrl + Shift + M, Tab

  • 折叠/展开fold/unfold

    • 全部展开 =>Com/Ctrl + K, Com/Ctrl + J
    • 全部折叠 =>Com/Ctrl + K, Com/Ctrl + 0
    • 递归展开 =>Com/Ctrl + K, Com/Ctrl + ]
    • 递归折叠 =>Com/Ctrl + K, Com/Ctrl + [
    • 折叠级别 =>Com/Ctrl + K, Com/Ctrl + Number
    • 展开 =>Com + Opt + ] Ctrl + Shift ]
    • 折叠 =>Com + Opt + [ Ctrl + Shift [

  • 编辑

    • Lines
      • 移动行 =>Alt/Opt + Up/Down "Ctrl + Shift + Up/Down"
      • 复制行 =>Alt/Opt + Shift + Up/Down "Ctrl + Shift + D"
      • 删除行 =>Com/Ctrl + Shift + K
      • 选择行 =>Com/Ctrl + I "Ctrl + L"
      • 合并行 =>Com/Ctrl + J
      • 插入行 =>Com/Ctrl + Enter Com/Ctrl + Shift + Enter
      • 缩进行 =>Com/Ctrl + ]/[
      • 切换换行 =>Alt/Opt + Z
    • Multiple selections (multi-cursor)
      • 多行光标 =>Com/Ctrl + Opt/Alt + Up/Down
      • 扩大选择 =>Com + Ctrl + Shift + Right Alt + Shift + Right
      • 缩小选择 =>Com + Ctrl + Shift + left Alt + Shift + left
      • 列选择 =>Com + Shift + drag
      • 匹配选择 =>Com/Ctrl + D
      • 跳过匹配 =>Com/Ctrl + k, Com/Ctrl + D
      • 所有匹配 =>Com/Ctrl + Shift + L``Opt/Alt + Enter
      • 前后匹配 =>F3 Shift+F3、Com + G Com+ Shift + G
    • 跳转
      • 行首/行尾 =>Com + Left/Right``Home/End
      • 文件首/尾 =>Com + Up/Down``Com + Home/End
      • 行开头 =>
    • 注释
      • 单行注释 =>Ctrl + / Com + / Com + K,Com + C Com + K, Com + U
      • 多行注释 =>Alt/Opt + Shift + A
    • 匹配括号 =>Ctrl + Shift + \\

  • languages editing

    • IntelliSense 智能感知
      • 确认补全 =>.、Tab、Enter
      • 触发建议 =>Ctrl + Space
      • 触发参数 =>Com + Shift + Space
    • Format
      • 格式化 =>Alt/Opt + Shift + F
      • 格式化选择 =>Com/Ctrl + K, Com/Ctrl + F
      • 多余空格 =>Com + K, Com + X
    • definition
      • 转到定义 =>F12
      • 查看定义 =>Alt/Opt + F12
      • 侧边定义 =>Com/Ctrl + K, F12
      • 转到实现 =>Com/Ctrl + F12
      • 显示引用 =>Shift + F12
    • 语言模式 =>Ctrl K, M
    • 重命名符号 =>F2, write
    • 快速修复 =>Com/Ctrl + .
    • 向后向前 =>Alt + left / right

  • 跳转Goto

    • 转到文件 =>Com/Ctrl + P
    • 跳转至行 =>Ctrl + G
    • 转到符号 =>Ctrl + T
    • 转到文件中符号 =>Com/Ctrl + Shift + O => :按类别分组
    • 转到符号 =>Com/Ctrl + Shift + \\
    • 转到下一错误 =>F8
    • 转到上一错误 =>Shift + F8

  ---

• 用户指南

  • 命令行

    通过命令面板添加环境变量 =>Install 'code' command in PATH

    • code . 从命令行启动分栏编辑:
    • Com/Ctrl + Shift + C =>打开终端

  • 调试

    • 切换断点 =>F9
    • 启动调试 =>F5
    • 非调式启动 =>Com/Ctrl + F5
    • 停止调试 =>Shift + F5
    • 重启调试 =>Com/Ctrl + Shift + F5

  ---

• 扩展

  • 安装

    ext install

    • 扩展文件夹
      • Windows =>%USERPROFILE%\.vscode\extensions
      • Mac/Linux =>~/.vscode/extensions

  • 常用

    • [Can I Use] =>Ctrl + Shift + I``Ctrl + C

    • [Color Picker] =>拾色器

      • 色彩对话框 =>Opt/Alt + C, P
      • 转换色彩 =>Opt/Alt + C, C

    • [Colorize]

    • [Code Runner] =>选中后，运行代码片段

      • 运行代码段 =>Ctrl + Alt/Opt + N
      • 停止运行 =>Ctrl + Alt/Opt + M
      • 选择语言 =>Ctrl + Alt/Opt + J

    • [Debugger for Chrome]

    • [ESLint]

    • [stylelint]

    • [npm]

    • [Settings Sync]

    • [Git History]

    • 编辑

      • [Auto Close Tag] =>自动闭合标签 =>Close Tag Com + Opt + .``Alt + .
      • [Auto Rename Tag] =>自动重命名标签
      • [Path Autocomplete] =>
      • [Path Intellisense] =>智能感知路径
      • [Auto Fold] =>自动折叠代码
      • [Document this] =>生成JS注释Ctrl+Alt+Dagain

  ---

---