Coder Social home page Coder Social logo

kangjs7854 / outline-map Goto Github PK

View Code? Open in Web Editor NEW

This project forked from gerrnperl/outline-map

0.0 0.0 0.0 6.66 MB

A visual, interactive outline map that combines the clarity of the outline with the intuitive overview of the minimap. Alternative Minimap.

Home Page: https://marketplace.visualstudio.com/items?itemName=Gerrnperl.outline-map

License: MIT License

JavaScript 52.64% TypeScript 39.74% CSS 7.62%

outline-map's Introduction

Outline Map

EN | δΈ­ζ–‡

A visual, interactive outline map that combines the clarity of the outline with the intuitive overview of the minimap. Alternative Minimap.

version installs rating

trendingWeekly trendingMonthly

Features

  • Follow the cursor

Follow the cursor

  • Quick navigation

Quick navigation

  • Flag diagnostics

Flag diagnostics

  • Color customization

Color customization


Configuration

Changes will take effect after restarting the outline view

  • outline-map.color: color table for specific symbols
  • outline-map.enableAutomaticIndentReduction: Enable automatic reduction of child node indent when parent node label goes out of view
    no-reduceIndent -> reduceIndent
  • outline-map.follow: Scroll the outline when the cursor moves or the viewport scrolls
    • viewport: When scrolling, the center outline node in the visible area of the editor will be scrolled to the center of the outline view;
    • cursor (default): When the cursor position changes, the outline node where the cursor is located will be scrolled to the center of the outline view;
  • outline-map.hiddenItem: Choose items you do not want to see in the outline.
  • outline-map.defaultMaxDepth: Set the default maximum depth of the outline tree. Set this to non-zero to enable the depth button > & <.
  • outline-map.expandOutlineMethod
    Set how to expand outline node.
    • click (default): Click the icon of a outline node to expand;
      click-expand
    • hover: Hover a outline node to expand;

Commands

  • outline-map.addDepth | outline-map.reduceDepth: Add / Reduce a level to the outline tree. Only works when outline-map.defaultMaxDepth is set to non-zero.
  • outline-map.pin | outline-map.unpin | outline-map.freeze : Pin / Unpin / Freeze the outline tree.
    • unpin: Free the outline tree;
    • pin: The outline tree will not be automatically expanded;
    • freeze: The outline tree will not be automatically expanded and will not scroll when the cursor moves or the viewport scrolls;

Suggestion: move view to secondary side panel (vscode ^1.64)

Initialize settings


Outline Map relies on (vscode || other extensions) to provide symbol information

If you meet issues that outline can not display / display wrongly for a specific file type, please check if the built-in outline supports the file type.

  • No: Please install a extension that provides correct symbol information.
  • Yes: Report an issue with the problem file and installed related extensions.

Refer to the following links for more information: vscode-code-outline/language-support


Enjoy!

outline-map's People

Contributors

gerrnperl 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.