一、写在前面

一次偶然的发现,好多小伙伴们在使用vscode编辑器的时候,找一个方法或者变量的时候还在Ctrl + F,但是时间久了,或者没写注释的情况下,你还记得住吗?

需求:查找某个方法中定义的id?

例如:

vscode怎么能搜索到node_moudles中的内容 vscode查找_快捷方式


查找一个id的时候,可能会匹配出来无数个,然后一顿乱翻。效率有点低了。

二、要知晓编辑器界面的显示区域

1.简介如图:

vscode怎么能搜索到node_moudles中的内容 vscode查找_vscode_02


2.快速查看和定位就可以用到文件的层级导航的功能,如下:

vscode怎么能搜索到node_moudles中的内容 vscode查找_vscode_03


一目了然就能看到层级的结构,紫色的为方法,蓝色的为对象,最后的一级为变量或者常量。点击对应的即可快速定位。

需要注意的是低版本可能有这个层级导航,如果新版本未显示可以点击 查看 > 显示导航痕迹 即可.

当然文件资源目录也是可以快速的定位,如下:

vscode怎么能搜索到node_moudles中的内容 vscode查找_vscode_04


vscode怎么能搜索到node_moudles中的内容 vscode查找_前端_05


层级导航的简介到此为止。

三、vscode设置快捷方式和查看快捷键映射

vscode支持直接映射其它编辑器常用的快捷方式,如:webstorm等。

先按下:Ctrl+k,松开k键,不要松开ctrl键,按下S即可唤起以下界面。

vscode怎么能搜索到node_moudles中的内容 vscode查找_快捷方式_06


更多的快捷方式,小伙伴们可以自己尝试,熟悉常用的快捷键操作,可以让你少用鼠标的情况下,也能事半功倍。

四、写在后面

vscode的设置是可以进行云端同步的,简单的说就是只要在另一台电脑登录同步的账号后,你的操作习惯的快捷方式/主题风格/扩展插件等都可以进行同步.无需再次手动安装和设置.

vscode怎么能搜索到node_moudles中的内容 vscode查找_快捷键_07


新版的编辑器可以在这里进行登录,老版本的可以安装"Settings Sync"这个插件

vscode怎么能搜索到node_moudles中的内容 vscode查找_前端_08


安装好了,可以使用ctrl+shift+p的方式唤起命令输入,输入sync即可看到功能列表.

vscode怎么能搜索到node_moudles中的内容 vscode查找_快捷方式_09


具体的操作可以参考:https://www.e-learn.cn/content/net/2620612 这篇文章

需要注意的是 gist ID 和 gist token 生成之后只会显示一次!!! 需要你找个地方妥善保存,否则忘记了,就只有重头再来了!!,可以保存到手机的备忘录里或者云笔记里.这样就不怕丢失了.

感谢您的阅读,如果此文章或项目对您有帮助,请给个赞吧,GitHub有开源项目,需要的小伙伴可以顺手star一下!好了,快动手试试吧.有问题请留言或者@博主,谢谢支持o( ̄︶ ̄)o~

GitHub: https:///langyuxiansheng