novel-vscode

A vscode extension for novel

Based on hello-world-react-vite for vscode

Installation

Download on vscode marketplace

or

Building vsix

pnpm package

Features

• Edit markdown file directly in vscode with novel editor [ctrl/cmd]+shift+p -> Edit Markdown with Novel
• Debounced Auto save

novel-in-vs-code.mp4

Upon installation, novel-vscode will opens up by default for md/mdx files, to revert back, right click on md file -> open with -> configure default

CleanShot.2023-09-09.at.11.54.44-converted.mp4

Development

# Navigate into sample directory
cd novel-vscode

# Install dependencies for both the extension and webview UI source code
pnpm install:all

# Build webview UI source code
pnpm build:webview

# Open sample in VS Code
code .

Once the sample is open inside VS Code you can run the extension by doing the following:

1. Press F5 to open a new Extension Development Host window
2. Inside the host window, open the command palette (Ctrl+Shift+P or Cmd+Shift+P on Mac) and type Edit Markdown with Novel