Skip to main content

Highlight Custom Blocks (Using Vetur in VS Code)

  1. Check if Vetur Extension is installed in VS Code Editor. If not, install it as shown below.

    QG21


  2. Go to Settings → Extensions → Vetur. Find and click on Edit in settings.json

    QG11


  3. Add below code to settings.json. If vetur.grammar.customBlocks already exists, add "settings":"json" to it.

    "vetur.grammar.customBlocks": {"docs": "md","i18n": "json","settings":"json"}

    QG11


  4. Use the Command Palette and run Vetur: Generate grammar from vetur.grammar.customBlocks

    QG11


  5. Reload the window or restart VS Code to get syntax highlighting for custom blocks.

    QG1