Tool Integration

Visual Studio Code

We provide two additional files with our build package so that you can enable autocomplete for your editor using our web components.

• vscode.css-custom-data.json
• vscode.html-custom-data.json

With this configuration you can get hints about:

• components available
• a description of the component
• what attributes are available for a given component
• list of all css custom properties

All you have to do is indicate these files for your editor

In the main project folder, you need to add both json paths to the vs code configuration file.

{
  "html.customData": [
    "@zeiss/zui/vscode.html-custom-data.json"
  ],
  "css.customData": [
    "@zeiss/zui/vscode.css-custom-data.json"
  ]
}

Note 1: if you don't have a configuration file yet, you need to create one.

Note 2: The configuration file must be in the top root folder of the vs code project.

Intellij

Currently not supportet yet