vscode 使用心得

• pubdate:2019-08-03 10:15:28
• tags :vscode，心得，index

快捷键

选区

拓展性 (Shift + Alt + Right) 或者收缩性 (Shift + Alt + Left) 的选中文本

矩形框的鼠标选择： 同时按住 Shit 和 Alt 并使用鼠标进行拖拽选择

折叠与展开

折叠当前光标所在区域： Ctrl + Shift + [
取消当前光标所在区域的折叠： Ctrl + Shift + ]
折叠当前文件内容的所有区域： Ctrl + K Ctrl + 0

搜索

在 Ctrl+P 窗口下还可以

直接输入文件名，跳转到文件
? 列出当前可执行的动作
! 显示 Errors 或 Warnings，也可以 `Ctrl+Shift+M
: 跳转到行数，也可以 Ctrl+G 直接进入
@ 跳转到 symbol（搜索变量或者函数），也可以 Ctrl+Shift+O 直接进入
@:根据分类跳转 symbol，查找属性或函数，也可以 Ctrl+Shift+O 后输入：进入

杂项

鼠标移动到符号上面获取的信息不多，例如 ts 中无法查看一个类型的结构，此时按住 Contol 就可以查看更详细的信息

vscode 扩展插件

我正在使用的

1. ⭐❤ change case 驼峰翻译助手

   这个插件可以执行各种命名规则
   我配置了这两个快捷键 我现在使用驼峰翻译助手的默认快捷键

2. ⭐❤alt+d 跳转
   vscode 有一些路径不可以通过 ctrl+click 跳转，安装这个插件可以使用快捷键跳转这些路径

3. ❤Parameter Hints
   ts 、js 的参数类型与名称提示

4. ⭐❤CSS Navigation 从 类名、id 跳转到对应的 css 定义

5. ⭐❤ vue 3 模板 ts 类型提示插件（爽！）。 还有一个小问题

6. ⭐❤ tailwindcss 类名提示

7. DeepCode 使用深度学习来寻找代码中的 bug

有问题的插件

HTML CSS Support 干扰智能提示

TabNine 导致完全没有其他的智能提示 我写了一个插件来勉强解决这个问题 suggest-plus 。现在更推荐使用 Code Autocomplete 他是 TabNine 的一个非官方实现，但有着同样的体验 ✨

曾经用过，但现在 我不推荐使用的插件

vscode 扩展插件问题排除

以前出现了什么问题需要自己手动一个一个的禁用扩展来确定问题，很是麻烦

v1.52 二分法排除故障 ：现在vscode 出来这样一个通过二分法排除故障的方法 👍

通过 ctrl+shift+P 输入命令 Start Extension Bisect 开始排查

执行之后结果如下

就这样一步一步的确定真正有问题的扩展，比以前自己手动禁用真的舒服多了

一些问题

在一些文件中 tab 没有按照设定的宽度展示的问题