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

MarkBricks

Preview

Aki Hamano

|
3 installs
| (0) | Free
Visual markdown editor powered by the WordPress block editor.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MarkBricks VSCode extension

VSCode extension for MarkBricks. It registers a custom editor for .md files that embeds the WordPress block editor exposed by @mark-bricks/editor, so you can edit Markdown visually without leaving VSCode. Open a Markdown file and run Open with MarkBricks (or Reopen Editor With...) to switch to the visual editor; Open with Text Editor switches back.

Install

Install MarkBricks from the VSCode Marketplace, or run:

code --install-extension aki-hamano.mark-bricks-vscode

Each vscode-v* tag on the Releases page also carries the .vsix, for editors that can't reach the Marketplace. A .vsix install doesn't auto-update.

Development

Run from this directory:

# Build the extension host and webview once
pnpm build

# Rebuild both on change
pnpm dev

# Package a .vsix (requires the build above)
pnpm package

To try changes without packaging, run pnpm dev and open an Extension Development Host via a launch.json with "type": "extensionHost" and "args": ["--extensionDevelopmentPath=${workspaceFolder}/apps/vscode"], or code --extensionDevelopmentPath=apps/vscode.

From the repository root:

# Bump the extension version (npm version)
pnpm version:vscode
# Preview the next extension version
pnpm version:vscode:preview
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft