Skip to content

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

License

Notifications You must be signed in to change notification settings

Tenrys/outline-map

 
 

Repository files navigation

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;
    • cursor-always-open: Follow the cursor, manually expand/collapse the outline
  • 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;
  • outline-map.customFont: Set the font of the outline view. Example: Consolas, "Courier New", monospace.
  • outline-map.customCSS: custom css for the outline. You could use Help->Toggle Developer Tools to see class of elements. If some style does not take effect, you can add !important to the rule.

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!

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 53.2%
  • TypeScript 38.9%
  • CSS 7.9%