提高使用VS Code工作效率的技巧

news2024/9/24 7:17:16

提高使用VS Code工作效率的技巧

时间轴视图:本地源代码控制

时间轴视图为我们提供了内置的源代码控制。

我们中的许多人都知道 Git 和其他源代码控制工具有多么有用,它们可以帮助我们轻松跟踪文件更改并在需要时恢复到之前的状态。

因此,VS Code 中的时间线视图(TIMELINE)提供了与文件相关的重要事件的自动更新时间线,例如 Git 提交、文件保存和测试运行。

在这里插入图片描述
展开此视图可查看与当前文件相关的事件快照列表。这里是文件保存,也是 Git 提交文件暂存的地方。

在这里插入图片描述

将鼠标悬停在快照项上可查看VS Code 制作快照的日期和时间。

在这里插入图片描述

选择快照项可查看差异视图,显示快照时的文件与当前文件之间的更改。

在这里插入图片描述

快速进入文件

在项目中寻找并通过鼠标点击打开太慢了,我们可以通过快捷键Ctr![请添加图片描述](https://img-blog.csdnimg.cn/ec836a7b34584fef9a3af0c82af85b6f.gif) l + P,搜索并打开项目中的特定文件。

在这里插入图片描述
按住Ctrl并按下Tab可循环浏览编辑器中当前打开的文件列表。

请添加图片描述

也可以使用Alt + LeftAlt + Right在这些打开的文件之间快速导航。

所有这些都是比使用鼠标更快的方式访问文件。

快速跳转到某行

在调试过程中,当在特定行号遇到错误时,通过快捷键Ctrl + G打开面板并输入行号就可以直接跳转到对应行。通过跳转到这些行,我们就可以检查特定上下文中的代码、评估变量并解决问题。
请添加图片描述

快速删除行

如果我们要删除整行,可以直接使用Ctrl + Shift + K快捷键直接删除,而不需要选中整行或者按退格键一个个字符删除。

请添加图片描述

通过多光标编辑节省时间

VS Code允许我们将多个光标放置在不同的点,并多次删除或插入相同的文本。这加快了编辑时间并大大提高了工作效率,因为我们可以通过更快速、有效地完成重复性任务。

当然在编辑时,我们至少需要有一个光标,使用Alt + Click快捷键添加更多光标。

请添加图片描述
还可以使用Ctrl + Alt + DownCtrl + Alt + Up快捷键更轻松地在当前行的正上方或下方添加光标。

请添加图片描述

快速创建新文件夹/文件

如果我们一直都是在 VS Code 中点击“新文件”和“新文件夹”按钮来创建新文件和文件夹的话,可以看看更快捷的方式。

请添加图片描述
只需双击资源管理器面板即可创建新文件:

请添加图片描述
如果想创建新文件夹,在输入框中通过/字符来指示层次结构即可:

请添加图片描述

自动保存:不再需要Ctrl + S

可能我们在写代码的时候已经无意识的进行Ctrl + S操作了。

自动保存功能会在我们处理文件时自动保存文件,从而无需手动保存,并确保始终使用文件的最新更改。

File >Auto Save中开启自动保存功能:
在这里插入图片描述

使用命令面板执行任何操作

除了写代码以外,我们在VS Code中执行的几乎所有操作都是“命令”。

命令让我们可以在编辑器中完成任务,它们包括与文件相关的命令、导航命令、编辑命令和终端命令,每个命令都经过优化设计,以增强编辑体验的不同方面。

因此,使用命令面板,我们只需搜索命令并选择执行相关操作即可。

要打开命令面板,请使用以下键盘快捷键:

  • Windows/LinuxCtrl + Shift + P
  • MacShift + Command+ P

在这里插入图片描述
从上图也可以看到,部分命令右侧有快捷键,我们可以使用快捷键更快的执行命令。

命令面板相对于快捷方式的主要优点是当存在没有快捷方式的命令时,或者正在寻找不确定是否存在的命令时。

快速格式化代码

格式化就是通过以结构化和一致的方式组织代码来提高代码的可读性。

我们需要使用Format Document命令自动开始格式化代码,可以在命令面板中轻松访问。根据当前文件的语言,将使用特定的“默认”格式化程序来使用各种缩进、行长度、大括号和方括号等规则来格式化代码。

在这里插入图片描述
虽然有一个相当不错的内置 JS/TS 格式化程序,但为了获得更强大的解决方案,还是推荐使用prettier扩展工具。

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/986132.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

网络威胁防御+资产测绘系统-Golang开发

NIPS-Plus 网络威胁防御资产测绘系统-Golang开发 项目地址:https://github.com/jumppppp/NIPS-Plus NIPS-Plus 是一款使用golang语言开发的网络威胁防御系统(内置资产测绘系统) 网络威胁流量视图网络威胁详细信息浏览列表网络威胁反制探测攻…

编程中的信号处理和系统 - 初学者指南

信号处理是工程和编程的一个重要领域。 基本上,它允许工程师和程序员改进数据,以便人们可以更有效地使用它。 例如,由于信号处理,电话中的大部分背景噪音都被消除了。这样,通话的另一端就只能听到您的声音。 其他例子有: 音频和音乐软件图像视频处理软件医学影像软件语…

【2023高教社杯】D题 圈养湖羊的空间利用率 问题分析、数学模型及MATLAB代码

【2023高教社杯】D题 圈养湖羊的空间利用率 问题分析、数学模型及MATLAB代码 1 题目 题目 D 题 圈养湖羊的空间利用率 规模化的圈养养殖场通常根据牲畜的性别和生长阶段分群饲养,适应不同种类、不同阶段的牲畜对空间的不同要求,以保障牲畜安全和健康&a…

微信小程序navigateTo进入页面后返回原来的页面需要携带数据回来

需求 如图:点击评论后会通过wx.navigateTo进入到评论页面,评论完返回count给原页面,重新赋值实现数量动态变化,不然要刷新这个页面才会更新最新的评论数量。 实现方式: 在评论页面通过wx.setStorageSync(‘data’…

上传ipa到appstore工具

登录app store connect上架的时候,苹果推荐了三个上传构建版本的工具,一个是xcodde,一个是transporter,一个是命令行工具。但是这几个工具在windows都没有对应的软件可以安装。 因此,假如使用windows电脑,…

1600*C. Maximum Set

解析: 尽可能的增大集合内的数,所以倍数要尽可能的小,所以让最小的数不断乘 2,即可找到最大的数量。 所以,每次计算 k log2( y / x ),这样可得出最小的 x,乘多少个 2,能…

数据分享|WEKA信贷违约预测报告:用决策树、随机森林、支持向量机SVM、朴素贝叶斯、逻辑回归...

完整报告链接:http://tecdat.cn/?p28579 作者:Nuo Liu 数据变得越来越重要,其核心应用“预测”也成为互联网行业以及产业变革的重要力量。近年来网络 P2P借贷发展形势迅猛,一方面普通用户可以更加灵活、便快捷地获得中小额度的贷…

【css面试题】 实现一个盒子的水平竖直居中对齐效果

面试题里有时还会强调 子盒子宽高是否已知&#xff0c;要注意一下 尝试一&#xff1a;给父盒子设置padding 或者子盒子设置margin <style>.father{width: 300px;height: 200px;overflow: hidden; /* 放坑爹现象&#xff0c;不信你删了试试 */background-color: #db7b7b…

SpringBoot隐藏文件

1.设置 2.输入file Types 3.点击忽略文件或者文件夹 4.成功

软件评测师 - 软件测试过程与管理

1.1 软件测试过程 软件的测试过程一般分成测试计划、测试设计与开发、测试实施、测试评审与测试结论等阶段。 软件测试过程是一种抽象的、遵循 GB/T18905&#xff08;ISO14598.5&#xff09;《评价者用的过程&#xff08;Process for Evaluator&#xff09;》 中定义软件评价过…

redis集群架构详解

一、集群架构搭建 1、配置 在一台机器上模拟多台机器搭建redis集群&#xff0c;一个集群代表一台物理机 集群1路径&#xff1a; /usr/local/redis/redis-cluster/cluster1/9001/redis.conf/usr/local/redis/redis-cluster/cluster1/9004/redis.conf/usr/local/redis/redis-…

算法通关村第12关【黄金】| 字符串冲刺题

1.最长公共前缀 思路&#xff1a;纵向比较&#xff0c;每个字符串从头挨个比较 class Solution {public String longestCommonPrefix(String[] strs) {StringBuilder sb new StringBuilder();for(int i 0;i<strs[0].length();i){char c strs[0].charAt(i);for(int j 1;j…

Android Framework开发rom实战合集课表/车载车机手机高级系统开发工程必会技能

hi,粉丝朋友&#xff1a; 背景 android framework的初级学习者们&#xff0c;这里大部分是app的开发者想转framework开发&#xff0c;普遍有以下以下几个困惑痛点&#xff1a; 1、不知道framework学了可以干啥&#xff0c;以为学习framework就是看看源码梳理流程而已没有实际…

蠕虫病毒问题

蠕虫病毒处理过程 修改病毒定时时间&#xff0c;今天遇到的是 */30 crontab -e先修改延长时间&#xff0c;会提示无操作权限,执行下面的问题 chattr -l /filepath查看可疑进程&#xff0c;这次遇到的进程有 /tmp/***** /tmp/crontab***** ps -auxkill -9 相关进程 删除/…

举例说明PyTorch函数torch.cat与torch.stack的区别

一、torch.cat与torch.stack的区别 torch.cat用于在给定的维度上连接多个张量&#xff0c;它将这些张量沿着指定维度堆叠在一起。 torch.stack用于在新的维度上堆叠多个张量&#xff0c;它会创建一个新的维度&#xff0c;并将这些张量沿着这个新维度堆叠在一起。 二、torch.…

【算法训练-链表 五】【求和】:链表相加(逆序)、链表相加II(顺序)

废话不多说&#xff0c;喊一句号子鼓励自己&#xff1a;程序员永不失业&#xff0c;程序员走向架构&#xff01;本篇Blog的主题是【链表相加】&#xff0c;使用【链表】这个基本的数据结构来实现&#xff0c;这个高频题的站点是&#xff1a;CodeTop&#xff0c;筛选条件为&…

K8S详细安装教程以及错误解决方案(包括前置环境,使用部署工具kubeadm来引导集群)

准备工作&#xff08;来自官方文档&#xff09; 一台兼容的 Linux 主机。Kubernetes 项目为基于 Debian 和 Red Hat 的 Linux 发行版以及一些不提供包管理器的发行版提供通用的指令。每台机器 2 GB 或更多的 RAM&#xff08;如果少于这个数字将会影响你应用的运行内存&#xf…

kubeadm 安装k8s

目录 安装k8s 环境准备 所有节点&#xff0c;关闭防火墙规则&#xff0c;关闭selinux&#xff0c;关闭swap交换&#xff08;必须关闭swap分区&#xff09; //修改主机名 //所有节点修改hosts文件 //调整内核参数 所有节点安装docker 所有节点安装kubeadm&#xff0c;kube…

在线考试组卷Word文档导出|废纸篓|支持搜索组员查看练习情况|官网上线

土著刷题微信小程序v1.16&#xff0c;主要是对系统功能的优化&#xff0c;同时迭代开发了反馈热度比较高的【在线考试组卷word文档导出】和废纸篓功能。 下面将逐条介绍一下这一版的新功能和优化点。 在线考试组卷Word文档导出 【组卷Word导出】这个功能对于线下组织考试是个刚…