Giter Club home page Giter Club logo

aging-lines-vscode's Introduction

Aging Lines

A POC extension for Visual Studio Code that lets you style source code lines by their commit age

Table of Contents

Screenshot of the extension in use

About

Software bugs are often caused by recently introduced changes. Therefore, when hunting down bugs, it is usually helpful to refer to git log and look for anything suspicious. However, perusing commits one-by-one is mentally taxing since you often need to keep all the diffs, line numbers and commit messages in your memory and it's easy to lose track of things.

This extension colors lines' backgrounds based on when they were last changed. In other words, it lets you see the annual rings of a file and thus gain a high-level understanding of its changes. Seeing the volatility of lines with your eyes might let you notice things โ€“ and bugs โ€“ you might not be able to spot in plain logs.

Usage

Open up VSCode, press Ctrl+P and paste this in: ext install kodanbce.aging-lines-vscode. Press Ctrl+Shift+P and type in "Toggle Aging Lines" to enable the extension. You can change the age and style settings with Ctrl+,. The settings format should be fairly obvious. The styles you can set are documented here.

Prerequisite

You need to have git executable from the command line.

๐Ÿ”จ Development

Clone this repo, open it up in VSCode and hit F5 to spawn a debug window with the extension enabled.

You can modify the extension in the first window and hit Ctrl+Shift+F5 to respawn the debug window.

When using the debug window, remember to enable the plugin's functionality via Ctrl+Shift+P with the command name "Toggle Aging Lines".

๐ŸŽ‰ Deployment

You can publish a new version of the code with the vsce tool. See here.

๐Ÿ“ƒ License

MIT

aging-lines-vscode's People

Contributors

firoxer avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.