0

0

分享8个提升VScode开发效率的小技巧

青灯夜游

青灯夜游

发布时间:2021-03-19 10:41:34

|

4076人浏览过

|

来源于知乎

转载

分享8个提升VScode开发效率的小技巧

vscode的免费,开源,轻量,快速,强大,智能提示已经让它火遍了全球。本篇文章就来让我们来学习一下VScode的八个提升开发效率的小技巧,让你的开发效率up up up!

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

分享8个提升VScode开发效率的小技巧

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

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

分享8个提升VScode开发效率的小技巧
在所有文件内搜索"employee"关键字

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

分享8个提升VScode开发效率的小技巧
在当前打开文件中搜索”employee“关键字

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

分享8个提升VScode开发效率的小技巧
搜索”spring initializr:Generate a Maven Project”命令

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

分享8个提升VScode开发效率的小技巧

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

分享8个提升VScode开发效率的小技巧
标记图中36-38行代码

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

分享8个提升VScode开发效率的小技巧
   选择Bookmarks:List from All Files 陈列出你的标签        

分享8个提升VScode开发效率的小技巧

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

推荐学习:《vscode教程

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

分享8个提升VScode开发效率的小技巧
右键,点击peek definition        

分享8个提升VScode开发效率的小技巧 
弹出该属性的定义

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

分享8个提升VScode开发效率的小技巧
查看变量的引用位置      

  分享8个提升VScode开发效率的小技巧 
弹出变量的引用位置

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

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

分享8个提升VScode开发效率的小技巧
放大     

   分享8个提升VScode开发效率的小技巧
缩小

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

分享8个提升VScode开发效率的小技巧

举例:

将如下json文件:

分享8个提升VScode开发效率的小技巧        
json文件

序列化为Java代码:

ShoopD 网上商店系统
ShoopD 网上商店系统

用 php + mysql 驱动的在线商城系统,我们的目标为中国的中小企业及个人提供最简洁,最安全,最高效的在线商城解决方案,使用了自建的会员积分折扣功能,不同的会员组有不同的折扣,让您的商店吸引更多的后续客户。 系统自动加分处理功能,自动处理会员等级,免去人工处理的工作量,让您的商店运作起来更方便省事 采用了自建的直接模板技术,免去了模板解析时间,提高了代码利用效率 独立开发的购物车系统,使用最

下载

分享8个提升VScode开发效率的小技巧

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

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

分享8个提升VScode开发效率的小技巧

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

分享8个提升VScode开发效率的小技巧
可以看到作者Greg Turnquist在三件前对改代码做了commit

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

分享8个提升VScode开发效率的小技巧
点击改图标      

  分享8个提升VScode开发效率的小技巧
查看你更改后的与原版本代码的区别

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

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

分享8个提升VScode开发效率的小技巧

可以看到当前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应用,语音通话,甚至更多!参加会议的开发者可以从你的环境中接收到所有的编辑内容(比如语言服务,调试),确保参会者可以高效合作,无需克隆项目代码并安装开发包。

分享8个提升VScode开发效率的小技巧

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

分享8个提升VScode开发效率的小技巧

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

分享8个提升VScode开发效率的小技巧

跳转至浏览器页面:

分享8个提升VScode开发效率的小技巧

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

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

分享8个提升VScode开发效率的小技巧        
实时代码沙龙

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

分享8个提升VScode开发效率的小技巧        
点击该图标

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

分享8个提升VScode开发效率的小技巧

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

更多编程相关知识,请访问:编程视频!!

相关专题

更多
java
java

Java是一个通用术语,用于表示Java软件及其组件,包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

841

2023.06.15

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

742

2023.07.05

java自学难吗
java自学难吗

Java自学并不难。Java语言相对于其他一些编程语言而言,有着较为简洁和易读的语法,本专题为大家提供java自学难吗相关的文章,大家可以免费体验。

737

2023.07.31

java配置jdk环境变量
java配置jdk环境变量

Java是一种广泛使用的高级编程语言,用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码,需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

397

2023.08.01

java保留两位小数
java保留两位小数

Java是一种广泛应用于编程领域的高级编程语言。在Java中,保留两位小数是指在进行数值计算或输出时,限制小数部分只有两位有效数字,并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

399

2023.08.02

java基本数据类型
java基本数据类型

java基本数据类型有:1、byte;2、short;3、int;4、long;5、float;6、double;7、char;8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容,供大家免费下载体验。

446

2023.08.02

java有什么用
java有什么用

java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容,供大家免费下载体验。

430

2023.08.02

java在线网站
java在线网站

Java在线网站是指提供Java编程学习、实践和交流平台的网络服务。近年来,随着Java语言在软件开发领域的广泛应用,越来越多的人对Java编程感兴趣,并希望能够通过在线网站来学习和提高自己的Java编程技能。php中文网给大家带来了相关的视频、教程以及文章,欢迎大家前来学习阅读和下载。

16926

2023.08.03

Java JVM 原理与性能调优实战
Java JVM 原理与性能调优实战

本专题系统讲解 Java 虚拟机(JVM)的核心工作原理与性能调优方法,包括 JVM 内存结构、对象创建与回收流程、垃圾回收器(Serial、CMS、G1、ZGC)对比分析、常见内存泄漏与性能瓶颈排查,以及 JVM 参数调优与监控工具(jstat、jmap、jvisualvm)的实战使用。通过真实案例,帮助学习者掌握 Java 应用在生产环境中的性能分析与优化能力。

19

2026.01.20

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Node.js 教程
Node.js 教程

共57课时 | 9万人学习

Rust 教程
Rust 教程

共28课时 | 4.6万人学习

Vue 教程
Vue 教程

共42课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号