https://github.com/markmap/markmap-vscode

Integrate markmap into VSCode
https://github.com/markmap/markmap-vscode

markmap vscode vscode-extension

Last synced: about 1 month ago
JSON representation

Integrate markmap into VSCode

• Host: GitHub
• URL: https://github.com/markmap/markmap-vscode
• Owner: markmap
• License: mit
• Created: 2020-10-21T03:48:05.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2025-02-14T16:55:45.000Z (11 months ago)
• Last Synced: 2025-04-04T06:05:25.065Z (10 months ago)
• Topics: markmap, vscode, vscode-extension
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode
• Size: 1.57 MB
• Stars: 255
• Watchers: 4
• Forks: 24
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# markmap-vscode

[![vscode](https://img.shields.io/visual-studio-marketplace/v/gera2ld.markmap-vscode)](https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode)

[![open vsx](https://img.shields.io/open-vsx/v/gera2ld/markmap-vscode)](https://open-vsx.org/extension/gera2ld/markmap-vscode)

This extension integrates [markmap](https://markmap.js.org/) into VSCode.

## Features

- Preview markdown files as markmap

- Edit markdown files in a text editor and the markmap will update on the fly

- Works offline



## Usage

### Command Palette

Open a markdown file. Then open the Command Palette (⇧⌘P) and search `Open as markmap`, press enter.

### Context menu

Right click on a markdown file, then choose `Open as markmap`.

### Button on title-bar

Open a markdown file. Find the markmap icon on the editor title-bar and click it.

![title button](https://user-images.githubusercontent.com/3139113/110966366-25f0cf00-8390-11eb-9a16-3c4d66712f47.png)

## Configuration

### Custom CSS

Extra CSS to customize the style of markmap.

### Default Options

Default options for Markmap, see  for more details.