SVG data to enhance VS Code's HTML/CSS support for SVG
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
build
data
raw-data
.gitignore
README.md
package.json
tsconfig.json
yarn.lock

README.md

SVG Sample

SVG support in HTML/CSS files using plain JSON files.

The data are pulled from:

Usage

  • Open this folder in VS Code 1.31+
  • Try creating a HTML/CSS file and edit in it. You should get SVG tags and attributes in HTML files, and SVG specific CSS properties in CSS files.
  • (VS Code Insiders only): Look into the contributes section of package.json. You can package this project into an extension with vsce. Alternatively, you can download the pre-packaged versions from releases.

Docs

Settings

This setting checks the custom data against latest schema:

{
  "json.schemas": [
    {
      "fileMatch": ["/data/svg-html-contribution.json"],
      "url": "https://raw.githubusercontent.com/Microsoft/vscode-html-languageservice/master/docs/customData.schema.json"
    },
    {
      "fileMatch": ["/data/svg-css-contribution.json"],
      "url": "https://raw.githubusercontent.com/Microsoft/vscode-css-languageservice/master/docs/customData.schema.json"
    }
  ]
}

License

MIT