Giter Club home page Giter Club logo

footsteps-vscode's Introduction

๐Ÿ‘ฃ Footsteps ๐Ÿพ

Keep your place when jumping between a different parts of your code. This is a VSCode extension that will highlight lines as you edit them, fading as you move away.

Jump between lines using ctrl+alt+left and ctrl+alt+right.

The extension in-action

Extension Settings

This extension allows the following settings:

  • footsteps.highlightColor

    Default: "rgb(153, 128, 250)"

    The color of the highlighted trail (in rgb format). I'd recommend keeping this subtle - black (rgb(0, 0, 0)) if you have a dark theme and white (rgb(255, 255, 255)) if you have a light theme.

  • footsteps.highlightColorMaxOpacity

    Default: 0.4

    The maximum opacity for line highlights (0 - 1) - higher number means a more opaque highlight.

  • footsteps.doHighlightChanges

    Default: true

    Whether or not to add line highlights. If this is false, it will still allow navigation between chunks.

  • footsteps.doHighlightCurrentlyFocusedChunk

    Default: false

    Whether or not to highlight the actively focused chunk. It can be distracting to highlight the code you're actively working on, so this is off by default.

  • footsteps.maxNumberOfChangesToRemember

    Default: 6

    The number of changes to save in history

  • footsteps.maxNumberOfChangesToHighlight

    Default: 10

    The number of changes to highlight. A lower number drops off more quickly.

Commands

This extension doesn't have any default commands, to prevent from clashing with your setup. Bind your own keybindings to these commands:

  • footsteps.skipBack

    Skip back in footsteps. Default: ctrl+alt+left

  • footsteps.skipForwards

    Skip forwards in footsteps. Default: ctrl+alt+right

  • footsteps.skipBackSameFile

    Skip back in footsteps (stay in the same file)

  • footsteps.skipForwardsSameFile

    Skip forwards in footsteps (stay in the same file)

  • footsteps.skipBackDifferentFile

    Skip back in footsteps (skip between files)

  • footsteps.skipForwardsDifferentFile

    Skip forwards in footsteps (skip between files)

  • footsteps.clearChangesWithinFile

    Clear all changes within file (useful when you've edited the whole file)

  • footsteps.toggleHighlightingLines

    Toggle the footsteps.doHighlightChanges setting: whether or not we are highlighting lines

๐Ÿค How to Contribute

I'd love suggestions on how to improve the extension (feature requests) or code suggestions.

๐Ÿ“ License

Licensed under the MIT License.

footsteps-vscode's People

Contributors

wattenberger avatar jashmenn 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.