Implementing a visual studio code syntax highlighter - Spicery/Nutmeg GitHub Wiki

Get Started

• You need to create the skeletal project using yo from http://yeoman.io
• Key links
  • https://code.visualstudio.com/api/get-started/your-first-extension
  • https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide
  • https://code.visualstudio.com/api/language-extensions/language-configuration-guide
• Textmate grammar
  • And unfortunately you need to understand this https://macromates.com/manual/en/language_grammars

Experimenting

You can launch an Extension Development Host window using F5 (or Run > Starting Debugging). I had trouble doing this until I fixed up my .vscode/launch.json. I copied over a working version:

// A launch configuration that launches the extension inside a new window
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Extension",
            "type": "extensionHost",
            "request": "launch",
            "runtimeExecutable": "${execPath}",
            "args": [
                "--extensionDevelopmentPath=${workspaceFolder}"
            ]
        }
    ]
}

Tips

• I copied this extension into my ~/.vscode/extensions/ folder and that completely messes up development. Move it out first.
• http://apeth.com/nonblog/stories/textmatebundle.html