VSCode custom data format setup - IgniteUI/igniteui-webcomponents GitHub Wiki

Preface

Aside from the web components manifest output [custom-elements.json], you can also produce another output specifically for VSCode. This custom data format provides the ability for autocompletion, type checking (if available) and documentation on hover in HMTL/CSS files.

Setup

npm run build:docs:vscode-schema
  1. Run to build the manifest file (vscode-html-custom-data.json)
  2. Inside your VSCode project settings point to the manifest file

Screenshot 2021-09-08 143953

  1. Test your component and enjoy!

1