vscode使用心得
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.
⭐❤ 驼峰翻译助手 这个插件可以执行各种命名规则
- 2.
⭐❤ GitHub Copilot 代码补全神器,人生苦短
- 3.
⭐❤alt+d 跳转 vscode 有一些路径不可以通过 ctrl+click 跳转,安装这个插件可以使用快捷键跳转这些路径
- 4.
❤Parameter Hints ts 、js 的参数类型与名称提示
- 1.
vscode 1.49, ts 4.4 版本内置了一些这方面的支持,但还是不如这个插件完善
- 1.
- 5.
⭐❤CSS Navigation 从 类名、id 跳转到对应的 css 定义
- 6.
⭐❤ volar vue3 模板 ts 类型提示插件
- 7.
⭐❤ tailwindcss 类名提示
- 8.
刚刚安装了 GitHub Copilot - Visual Studio Marketplace 却发现按下 tab 不生效,没有补全而是空格。
-
在 Using GitHub Copilot and want to use any key other than tab 这里得到灵感检查了一下 "Tab" 所绑定的命令
-
最后发现是 TabOut - Visual Studio Marketplace 绑定的 tabout 命令干扰了,去掉他的键绑定之后就行了
- 9.
REST Client插件 用于发送请求,调试 api
- 9.
DeepCode 使用深度学习来寻找代码中的 bug
有问题的插件
HTML CSS Support 干扰智能提示
TabNine 导致完全没有其他的智能提示 我写了一个插件来勉强解决这个问题 suggest-plus 。现在更推荐使用 Code Autocomplete 他是 TabNine 的一个非官方实现,但有着同样的体验 ✨
曾经用过,但现在 我不推荐使用的插件
插件 | 不推荐理由 | 不推荐星 |
---|---|---|
Code Autocomplete | 过于花哨的括号实际并没有必要, 其实他的 scope line 功能还行 |
vscode 扩展插件问题排除
以前出现了什么问题需要自己手动一个一个的禁用扩展来确定问题,很是麻烦
v1.52 二分法排除故障 :现在vscode 出来这样一个通过二分法排除故障的方法 👍
通过 ctrl+shift+P 输入命令 Start Extension Bisect
开始排查
执行之后结果如下
就这样一步一步的确定真正有问题的扩展,比以前自己手动禁用真的舒服多了
一些问题
by 崮生 from 崮生 • 一些随笔 🎨,欢迎 赞助本文
本文欢迎分享与聚合,全文转载未经授权( 联系我)不许可。