Skip to content

πŸ“πŸŒˆ A VS Code extension for improving the display of markdown directly in the editor

License

Notifications You must be signed in to change notification settings

domdomegg/markdown-inline-preview-vscode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

31 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

markdown-inline-preview-vscode

A VS Code extension for improving the display of markdown directly in the editor. This makes markdown editing more pleasant as you don't need to be switching between the editor and preview as much, and it hides a lot of clutter.

demo.mp4

Tweaks made include:

  • Making headings larger
  • Hiding bold, italic, strikethrough and code formatting characters
  • Hiding URI formatting characters
  • Rendering horizontal lines
  • Disabling coloring of bold text, headings, and URIs

Usage

Install from the VS Code Marketplace or Open VSX Registry

Recommended `.vscode/settings.json`
{
  "[markdown]": {
    "editor.quickSuggestions": {
      "other": false,
      "comments": false,
      "strings": false
    },
    "editor.fontFamily": "Fira Sans",
    "editor.wrappingStrategy": "advanced",
    "editor.fontSize": 13,
    "editor.lineHeight": 1.5,
    "editor.cursorBlinking": "phase",
    "editor.lineNumbers": "off",
    "editor.indentSize": "tabSize",
    "editor.tabSize": 6,
    "editor.insertSpaces": false,
    "editor.autoClosingBrackets": "never",
    "editor.bracketPairColorization.enabled": false,
    "editor.matchBrackets": "never",
    "editor.guides.indentation": false,
    "editor.padding.top": 20
  },
  "editor.tokenColorCustomizations": {
    "[Default Dark Modern]": {
      "textMateRules": [
        {
          "scope": "punctuation.definition.list.begin.markdown",
          "settings": {
            "foreground": "#777",
          }
        },
      ]
    }
  }
}

Contributing

Pull requests are welcomed on GitHub! To get started:

  1. Install Git and Node.js
  2. Clone the repository
  3. Install dependencies with npm install
  4. Build with npm run build

Run the extension locally with the 'Run and Debug' preset in VS Code.

Releases

Versions follow the semantic versioning spec.

To release:

  1. Use npm version <major | minor | patch> to bump the version
  2. Run git push --follow-tags to push with tags
  3. GitHub Actions will automatically build and publish to both the VS Code Marketplace and OpenVSX Registry

The CI/CD pipeline requires two secrets configured in GitHub:

  • AZURE_DEVOPS_TOKEN - Personal Access Token for VS Code Marketplace
  • OPEN_VSX_TOKEN - Personal Access Token for OpenVSX Registry

About

πŸ“πŸŒˆ A VS Code extension for improving the display of markdown directly in the editor

Resources

License

Stars

Watchers

Forks

Sponsor this project

Packages

 
 
 

Contributors