0%

Virtual Studio Code 配置

Virtual Studio Code Setup

vscode 提供了两种设置方式:

  • User Settings(用户设置):全局设置,对任意一个运行的 VS Code 都会起作用。
  • Workspace Settings(项目设置):只对当前项目的设置。

Workspace Settings 会覆盖 User Settings。

打开用户设置和项目设置的方法如下:

  • Windows/Linux: File > Preferences > Settings
  • macOS:Code > Preferences > Settings

或直接通过命令行面板(**Ctrl/Command+Shift+P**)输入 Open Settings (JSON) 进行调出

vscode 中的 设置选项 都配置在一个 settings.json 文件中。
其中,用户设置(User Settings) 的路径为:

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

项目设置(Workspace Settings) 的路径为:根目录下的 .vscode 中。

扩展

Marketplace Repository 功能描述
Vim https://github.com/VSCodeVim/Vim 提供了 Vim 的基础功能,ROADMAP
Which Key https://github.com/VSpaceCode/vscode-which-key
PHP Intelephense https://github.com/bmewburn/vscode-intelephense
Settings Sync https://github.com/shanalikhan/code-settings-sync 将配置上传到 Gist, 到另一台机器只需要 Sync:Download 下载配置, 就会下载插件, 自动化安装。
Draw.io Integration https://github.com/hediet/vscode-drawio 在 vscode 中画流程图。

快捷键

  • Ctrl + Command + P 打开vscode的命令框

  • insert模式: jk => Esc 退出到normal模式

  • <leader> + w 保存文件

  • normal模式:Ctrl + n 关闭高亮搜索

功能描述 快捷键 适用模式:normal、insert、visual
保存文件 leader w normal
多行注释 leader c c normal
删除当前行 leader d
多选 Ctrl + m normal、visual
关闭高亮检索 Ctrl + n normal
vscode命令窗口 ; normal
导航栏跳 Ctrl + hjkl h:左侧
j:下方
k:上方
l:右侧
行首、行尾 HL H,L 替代 ^$
VSCode内置常用快捷键
开启、关闭侧边栏 Command + B
开启、关闭终端 ``Ctrl + ```
显示命令面板 Shift + Command + P
快速打开 Command + P
拆分编辑器 Command + \
模式 Vim 键位绑定命令 VSCode 键位绑定命令
正常模式:normal nmap、nnoremap vim.normalModeKeyBindings、vim.normalModeKeyBindingsNonRecursive
插入模式:insert imap、inoremap vim.insertModeKeyBindings、vim.insertModeKeyBindingsNonRecursive
可视模式:visual vmap、vnoremap vim.visualModeKeyBindings、vim.visualModeKeyBindingsNonRecursive

视图模式,多选

  1. Command + V 列式多选。
  2. Command + D 或者 gb 进行多选,c + 要修改的文字
  3. Option + 鼠标单击,添加光标。

Surround

vim 提供了 3 个基本模式:normal , insert , visual。

在 normal 模式下转 insert 模式,有三种途径。

  1. a 光标之后插入 A 行尾插入。
  2. i 光标之前插入 I 行首插入。
  3. o 下一行插入 O 上一行插入。

在 insert 模式下通过:

  • ctrl+h 删除前一个字符
  • ctrl+w 删除前一个单词
  • ctrl+u 删除前面一行所有字符

Settings Sync 配置

步骤一:生成可创建 gist 权限的token
  1. 登录 Github,点击用户头图,选择 Settings -> Developer settings -> Personal access tokens
  2. 输入token备注,设置token过期时间,权限勾选 gist,点击 Generate token 按钮。
步骤二:
  1. 点击用户头图,选择 Your gists,点击 + 按钮,创建一个 gists
  2. 创建后,复制url地址栏中 https://gist.github.com/{Your-github-user-name}/{gist-id} {gist-id}。https://gist.github.com/codezm/af60b7d911df15dc0fc5bfc20b55355e
步骤三:
  1. 在 VSCode 中配置 Settings Sync,点击 Edit CONFIGRATION,输入 Gist IDToken ,即可完成配置。
相关操作

打开VSCode的命令框,输入 Sync:

  1. 上传配置:Sync: Update/Upload Settings
  2. 下载配置:Sync: Download Settings

参考