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

提高使用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.mzph.cn/news/72123.shtml

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

相关文章

go基础08-map的内部实现

和切片相比,map类型的内部实现要复杂得多。Go运行时使用一张哈希表来实现抽象的map类型。运行时实现了map操作的所有功能,包括查找、插入、删除、遍历等。在编译阶段,Go编译器会将语法层面的map操作重写成运行时对应的函数调用。 下面是大致的…

YOLOV7改进-添加Deformable Conv V2

可变形卷积link class DCNv2(nn.Module):def __init__(self, in_channels, out_channels, kernel_size, stride1,padding1, groups1, actTrue, dilation1, deformable_groups1):super(DCNv2, self).__init__()self.in_channels in_channelsself.out_channels out_channelsse…

QT for andriod

QT for andriod 开发 apk软件,因为一些特殊的原因,在这里简单的记录一哈自己开发apk的流程和心得。 首先说明我采用的环境有哪些? 1、QT的版本,个人建议5.15.2的版本及以上,我是用的5.15.2。 2、andriod studio 可以…

3D数据导出工具HOOPS Publish:3D数据查看、生成标准PDF或HTML文档!

HOOPS中文网http://techsoft3d.evget.com/ 一、3D导出SDK HOOPS Publish是一款功能强大的SDK,可以创作丰富的工程数据并将模型文件导出为各种行业标准格式,包括PDF、STEP、JT和3MF。HOOPS Publish核心的3D数据模型是经过ISO认证的PRC格式(ISO 14739-1:…

STM32移植FAT文件系统

所谓“移植”,就是打通FAT源码和物理设备之间的软件接口。 FAT源码早就被公益组织给写好了,直接下载源码。但是FAT作为顶层应用程序,它需要面对的底层物理设备是不确定的,那么底层的物理设备驱动程序就需要程序员来自己写。物理设…

Android:基于mvvm框架使用viewPage

一、前言: 最近在学习viewpage的使用,加上一直以来用mvvm框架。就想着记录一下。 二、代码展示: 1.引入依赖 //viewPage2引用(微信左右滑动页面)implementation androidx.viewpager2:viewpager2:1.0.0 2.在xml中的使用 3.在代码中找到vie…

脚本:python实现樱花树

文章目录 代码效果 代码 from turtle import * from random import * from math import * def tree(n, l):pd () # 下笔# 阴影效果t cos ( radians ( heading () 45 ) ) / 8 0.25pencolor ( t, t, t )pensize ( n / 3 )forward ( l ) # 画树枝if n > 0:b random () *…

算法通关村第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…

Qt实现图书管理系统(C++)

文章目录 数据库表的实现创建表将powerDesigner里面的表导出成xxx.sql脚本将SQL文件导入数据库创建表 图书管理系统思维导图创建工程开发阶段创建Dlg_login登录页面login页面样式主页页面布局主函数测试login设置logo打包程序子页面的样子将子页面放到StackedWidget里面按钮直接…

Python学习 -- logging模块

logging 模块是 Python 中用于记录日志的标准库&#xff0c;它提供了丰富的功能&#xff0c;可以帮助开发者进行日志记录和管理。以下是关于logging模块的详细使用方式&#xff0c;包括日志级别、处理流程、Logger 类、Handler 类、Filter 类、Formatter 类以及模块中常用函数等…

shell入门运算符操作、条件判断

♥️作者&#xff1a;小刘在C站 ♥️个人主页&#xff1a; 小刘主页 ♥️努力不一定有回报&#xff0c;但一定会有收获加油&#xff01;一起努力&#xff0c;共赴美好人生&#xff01; ♥️学习两年总结出的运维经验&#xff0c;以及思科模拟器全套网络实验教程。专栏&#xf…

PCIe 5.0验证实战,经常遇到的那些问题?

PCIe 5.0是当前最新的PCI Express规范&#xff0c;提供了更高的数据传输速率和更大的带宽。 PCIe是连接两个芯片的接口&#xff0c;负责两个芯片通信, 连接芯片的通路为高速SerDes, 称之为链路。PCIe确保通路正常-链路训练状态机。PCIe在芯片内部是非常重要的一个大的模块&…

YOLOv5改进算法之添加CA注意力机制模块

目录 1.CA注意力机制 2.YOLOv5添加注意力机制 送书活动 1.CA注意力机制 CA&#xff08;Coordinate Attention&#xff09;注意力机制是一种用于加强深度学习模型对输入数据的空间结构理解的注意力机制。CA 注意力机制的核心思想是引入坐标信息&#xff0c;以便模型可以更好地…

大数据课程K20——Spark的SparkSQL概述

文章作者邮箱:yugongshiye@sina.cn 地址:广东惠州 ▲ 本章节目的 ⚪ 了解Spark的SparkSQL由来; ⚪ 了解Spark的SparkSQL特点; ⚪ 了解Spark的SparkSQL优势; ⚪ 掌握Spark的SparkSQL入门; 一、SparkSQL概述 1. 概述 Spark为结构化数据处理引入了一个称…

STM32单片机OLED贪吃蛇游戏记分计时

实践制作DIY- GC00165---OLED贪吃蛇游戏 一、功能说明&#xff1a; 基于STM32单片机设计---OLED贪吃蛇游戏 二、功能说明&#xff1a; STM32F103C系列最小系统板0.96寸OLED显示器上、下、左、右4个按键 1.通过OLED配合按键实现贪吃蛇游戏 2.可以上下左右移动。 3.可以统计显…

golang-bufio 缓冲写

1. 缓冲写 在阅读这篇博客之前&#xff0c;请先阅读上一篇&#xff1a;golang-bufio 缓冲读 // buffered output// Writer implements buffering for an io.Writer object. // If an error occurs writing to a Writer, no more data will be // accepted and all subsequent…

搭建vue3项目并git管理

搭建vue3项目 采用vue3的create-vue脚手架搭建项目&#xff0c;底层是vite&#xff0c;要求环境 node 16.0及以上&#xff08;node -v检查node版本&#xff09; 在文件夹右键->终端-> npm init vuelatest&#xff0c;输入项目名称&#xff0c;根据需要选择是否装包 src…

04 卷积神经网络搭建

一、数据集 MNIST数据集是从NIST的两个手写数字数据集&#xff1a;Special Database 3 和Special Database 1中分别取出部分图像&#xff0c;并经过一些图像处理后得到的[参考]。 MNIST数据集共有70000张图像&#xff0c;其中训练集60000张&#xff0c;测试集10000张。所有图…

deepstream6.2部署yolov5详细教程与代码解读

文章目录 引言一.环境安装1、yolov5环境安装2、deepstream环境安装 二、源码文件说明三.wts与cfg生成1、获得wts与cfg2、修改wts 四.libnvdsinfer_custom_impl_Yolo.so库生成五.修改配置文件六.运行demo 引言 DeepStream 是使用开源 GStreamer 框架构建的优化图形架构&#xf…

cesium创建基本的实体、点、线、多边形(vue)

1.通过viewer实例的entities对象实现 实现代码&#xff1a; <template><div id"container"></div> </template><script> import * as Cesium from cesium/Cesium import "cesium/Widgets/widgets.css" export default {mo…