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:右侧 |
| 行首、行尾 | H、L |
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 |
视图模式,多选
Command + V列式多选。Command + D或者gb进行多选,c+要修改的文字。Option + 鼠标单击,添加光标。
vim 提供了 3 个基本模式:normal , insert , visual。
在 normal 模式下转 insert 模式,有三种途径。
- a 光标之后插入 A 行尾插入。
- i 光标之前插入 I 行首插入。
- o 下一行插入 O 上一行插入。
在 insert 模式下通过:
- ctrl+h 删除前一个字符
- ctrl+w 删除前一个单词
- ctrl+u 删除前面一行所有字符
Settings Sync 配置
步骤一:生成可创建 gist 权限的token
- 登录 Github,点击用户头图,选择
Settings -> Developer settings -> Personal access tokens。 - 输入token备注,设置token过期时间,权限勾选
gist,点击Generate token按钮。
步骤二:
- 点击用户头图,选择
Your gists,点击+按钮,创建一个gists。 - 创建后,复制url地址栏中
https://gist.github.com/{Your-github-user-name}/{gist-id}{gist-id}。https://gist.github.com/codezm/af60b7d911df15dc0fc5bfc20b55355e
步骤三:
- 在 VSCode 中配置
Settings Sync,点击Edit CONFIGRATION,输入Gist ID及Token,即可完成配置。
相关操作
打开VSCode的命令框,输入 Sync:。
- 上传配置:
Sync: Update/Upload Settings - 下载配置:
Sync: Download Settings
参考
- https://zhuanlan.zhihu.com/p/302568011、https://github.com/Imymirror/mirror-vscode、https://github.com/Imymirror/mirror-vscode/blob/main/cheat-sheet.md
- VSpaceCode Default Keybindings: https://vspacecode.github.io/docs/default-keybindings/
- https://www.jianshu.com/p/21c99e461ad3
- https://juejin.cn/post/6864802520024399879