Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>HyperbookNew to Visual Studio Code? Get it now.

Hyperbook

OpenPatch

openpatch.org
|
45 installs
| (0) | Free
Extension for showing markdownfiles using the Hyperbook markdown renderer.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Hyperbook Support for Visual Studio Code

version installs GitHub Workflow Status GitHub stars GitHub Contributors License

All you need for writing Hyperbooks (auto preview, snippets, auto-completion and more).

Features

Preview

You can preview your Hyperbook pages by clicking the preview icon in the top right-hand corner or by running the command Show side preview.

Preview

Hyperbook Config

The hyperbook.json is validated against a schema, which presents you from making mistakes. It also enables a color picker for your brand color.

Syntax Highlighting

Each element has its own syntax highlighting. So you know when you typed it right.

Snippets

Each element can be inserted by using a snippet. Type : and hit your auto-completion key combo (default Ctrl+Space).

Auto completion

  • Glossary terms
    • Move your cursor between the curly braces of a term/t element, e.g.: :t[My term]{
    • Type # to trigger the completion

  • Link to book pages
    • Type / to trigger the completion
  • Link to files in the public folder
    • Type / to trigger the completion

  • Archives
    • Move your cursor in the src parameter of an archive element, e.g.: :archive[My archive]{src=
    • Type " to trigger the completion

Interactive Links

Links in your Hyperbook open the corresponding markdown file for faster editing.

Changelog

See CHANGELOG for more information.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft