Better

Ethan的博客,欢迎访问交流

利于重构和阅读代码的 vscode 小技能

今天发现 vscode 一个插件,用于给代码具体某行打上标记,然后方便你快速跳转,正是我需要的功能哇。

bookmarks

需要安装 Bookmarks 插件,通过快捷键 ctrl+alt+k,对于 mac 就是 command+option+k,用于给文件具体某行添加或取消标记。

添加完成后,点击左侧小图标可以查看所有标记,就可以轻松跳转啦。

小灯泡功能

当你选中部分代码时候,附近会出现一个小灯泡的图标,点击看看吧,他可以帮助你快速进行相关重构工作,比如

  • 提取函数,提取变量,移动到新文件
  • 修改导出方式
  • 合并参数:将函数的多个参数合并为单个对象参数

更新符号

有可能你需要更新一个函数的命名,或者对象的属性命名等,你需要修改所有用到的地方,这时候你可以通过重命名符号的方式快速修改

  • 选中需要修改内容,右键选择重命名符号
  • 快捷键:F2

符号导航

通常我们到快速定位到某个文件时,直接使用 command+p,打开一个输入框。

但如何你想快速跳转到某个函数或者变量所在的行呢?这对于针对大文件而言就十分有用了。有两种方式可以做到

  • command+p 打开查询框,输入 @ 即可看到支持的跳转啦
  • 直接通过快捷键 shift+command+o

拆分编辑器

当对内容特别多的文件进行编辑的时候,经常需要在上下文进行切换,这时候可以通过拆分编辑器,在多个编辑器更新同一个文件,命名为 command+\



留言