vscode使用心得
source link: https://shenzilong.cn/record/%E7%8E%AF%E5%A2%83/vscode/vscode%E4%BD%BF%E7%94%A8%E5%BF%83%E5%BE%97.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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 类名提示
-
刚刚安装了 GitHub Copilot - Visual Studio Marketplace 却发现按下 tab 不生效,没有补全而是空格。
- 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 崮生 • 一些随笔 🎨,欢迎 赞助本文
本文欢迎分享与聚合,全文转载未经授权( 联系我)不许可。
神仙散棒槌IT源点monaco-editor崮生 • 一些随笔 🎨 赞助我 copyright © 2018.11.6 - 2021.10 湘ICP备18021783号 GIT HUB
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK