vscode搜索代码关键字_在用VSCode? 看完这篇文章, 开发效率翻倍!最后一条厉害了~...

随着2019年的到来,Stack Overflow对2018年的IT生态调查显示:Visual Studio Code超过Visual Studio一跃成为榜首,成为“最受欢迎的开发环境”,没有之一!

d8eb72ccec07bada144d471ccf2eed5d.png

VScode的免费,开源,轻量,快速,强大,智能提示已经让它火遍了全球,今天就来让我们来学习一下VScode的八个提升开发效率的小贴士,让你的开发效率up up up!

1. 按下ctrl+K,再按下ctrl+S,查看快捷键列表。

1e0b82fc2aea8647966c4dd3645aebba.png

如果你想查看某个操作的快捷键,你并不用去看官方文档,只需要调出快捷键列表,在上方搜索栏搜索你想要的操作,即可获知对应的快捷键组合。

2. 按下ctrl+P,弹出搜索栏,直接输入关键字,在所有文件中搜索特定符号:

dc7a74a47307c6be3139291fc64c7f8f.png
在所有文件内搜索"employee"关键字

在搜索栏前输入”@“,在当前文件中搜索特定符号:

5e66a4dd9f20fb0e58a299a6fb0fcbfd.png
在当前打开文件中搜索”employee“关键字

在搜索栏前输入”>“,搜索所有可使用的命令 比如我想使用spring initializr扩展的命令, 创建一个Maven工程:

0b896aa7567c82ab37b7ee8261b51b52.png
搜索”spring initializr:Generate a Maven Project”命令

3. 在阅读代码的时候,常常需要在不同的文件间切换,这时会出现“看了这个忘了那个”的现象,我们可以在插件市场中下载Bookmarks插件,助你更快标记、寻找某块代码。

22d36d5ffd2788a508c5568b00f2d1cd.png

运用第二条的知识,ctrl+P,再输入">",输入插件名,查看该插件的命令:

bb02e8e6ba2937ea563025dc95c539ad.png
标记图中36-38行代码

选择命令Toggle Labeled(标记并给该标记命名),为其命名“getId”后,当我们在别的文件中时,我们可以直接搜索该标签,跳转至标记处~

74be89e28c387a64786594b7833d9840.png
选择Bookmarks:List from All Files 陈列出你的标签
c841eb9253cc5393272d8aea06da80ab.png

看到了我们刚才标记的代码块~Enter键直接跳转~

4. 对某个函数或变量,右键点击,在不移动目前代码位置的前提下,查看其定义和引用。

14f2a2cc9a242584d21208ce0f75471b.png
右键,点击peek definition
97e1594d398b1cb03cad5a5808b6cfdf.png
弹出该属性的定义

同理,还可以看这个函数或变量在哪里被引用:选择”peek reference“

ffb9d03981cfd1055caac59da24d6fdc.png
查看变量的引用位置
353547cc32d8b91479a5d0ae91653200.png
弹出变量的引用位置

5. 通过ctrl+=和ctrl+-组合来进行缩放。

当你觉得现在的字体有点小,看不清,或者有点大,你不必去在设置菜单栏里面绕个晕头转向,你只需用如上两个组合键来进行缩放即可。

c5500ec3dd885a8d773bb0ddcf011a75.png
放大
552eb3f6e4b869a4e6b55ea346b4d3b4.png
缩小

6. 使用Paste Json As Code扩展,将复制黏贴来的json文件直接序列化成代码。

7578b824a94c36d1d8ec20ee15ae3235.png

举例:

将如下json文件:

75bd0cd82cd6d14adb22335b94ec9549.png
json文件

序列化为Java代码:

02ce3c8adbd94fa5d9b836506d3cba1d.png

直接打开命令板,输入Paste Json As Code的命令即可,十分方便。

7. 使用安装量高达一千两百万的Gitlens扩展,助你更好地进行代码合作,查看代码更改历史。

62cef70a6a8cbfec1f8a97f9221e3af3.png

结合GitLens,你从github上clone下来的代码上就会出现代码作者,代码commit的具体时间:

2e71866685cd33216fb61724d91934a6.png
可以看到作者Greg Turnquist在三件前对改代码做了commit

点击右上角新出现的“Toggle File Blame Annotation”按钮,对比展示你的代码与原repo的区别:

e8acbb67d52a7b41b799cc7a3addfbbe.png
点击改图标
e93895424e2524d39c904a2e2307c383.png
查看你更改后的与原版本代码的区别

分割线左侧是原repo,右侧是我们更改后的代码,我们可以看到具体的代码作者和commit时间。

在左侧的action bar中,新出现了GitLens的图标,点击后,详细查看branch,master,commit的信息:

cea8decf8527dd97c89c723994081b71.png

可以看到当前repo的整个commit历史,作者的github头像也能看到,点击某个修改历史,直接就可以看到该修改和修改前代码的所有区别。

8. 压轴出场:微软主打的革命性开发扩展:VS Live Share,在这个扩展的加持下,你可以和你的同事完成真正的远程实时代码协同开发,对方并不需要将整个工程clone下来,只需要连接到你开的session,你和他就可以对一个文件进行开发,修改。

Visual Studio Live Share enables you to collaboratively edit and debug with others in real time, regardless what  programming languages  you're using or app types you're building. It allows you to instantly (and  securely ) share your current project, and then as needed, share  debugging sessions ,  terminal instances ,  localhost web apps ,  voice calls , and more! Developers that join your sessions recieve all of their editor context from your environment (e.g. language services, debugging), which ensures they can start productively collaborating immediately, without needing to clone any repos or install any SDKs.
VS live share 让你可以实时与你的合作者协同编辑,调试代码,不管你是在使用何种语言,开发何种应用。它让你可以实时并安全地分享你的当前工程,并且如果需要,甚至可以分享调试会议,命令行示例,本地web应用,语音通话,甚至更多!参加会议的开发者可以从你的环境中接收到所有的编辑内容(比如语言服务,调试),确保参会者可以高效合作,无需克隆项目代码并安装开发包。
e6806173352419f5cd14863dc7f83cc9.png

使用起来很容易,安装该扩展:

1db2ff198b90d342faf2959182d56745.png

enable该扩展,reload你的VScode,然后看到左下角的Live Share图标:

d2c427562fe87b898e5e66b66535aaf3.png

跳转至浏览器页面:

5c08445635045498518205412ac37d11.png

使用我们的GitHub账号登陆(也可以用微软账号)。

随后回到我们的VS live share界面中,可以看到:

a070aeeed3f2d8e241586ccefcdef78c.png
实时代码沙龙

只有我一个人,那如何让别人也参与进来呢?

89281a8cdbe0aa566fa099b696f5e1f4.png
点击该图标

每一个举办的实时代码会议,都有一个网址,也就是url地址,点击这个按钮,该地址会自动进入你的剪贴板中,你只需把这个url发送给你的同事,你的同事在浏览器中进入这个网址:

9741a34998b01b65344885237f7c690d.png

可以看到这个代码实时会议是我开的,然后直接点击自动弹出的Open Live Share for VS Code,你的VScode就会自动启动,打开之后,你已经进入了该代码实时会议,可以和大家开始共享整个工程,甚至可以用voice call和他们实时语音交流,共同享受代码协作开发的乐趣。

如果觉得不错,请点个赞~

作者:牛岱。知乎作者。

908c9427d38847c4c1359e1fac4b1b17.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值