Editor Setup

Visual Studio Code Jump to heading #

Quiet generates a file called vscode.html-custom-data.json that informs VS Code of your custom elements. To enable code completion, you need to tell VS Code where the file is.

1. Install Quiet via npm using npm install @quietui/quiet
2. Create a folder named .vscode at the root of your project (if it doesn't already exist)
3. Create a file inside that folder called settings.json (if it doesn't already exist)
4. Add the following rule to the file

{
  "html.customData": ["./node_modules/@quietui/quiet/dist/vscode.html-custom-data.json"]
}

JetBrains Jump to heading #

Quiet generates a file called web-types.json that JetBrains IDE will recognize when you install Quiet from npm. This will enable code completion for your custom elements.

If you're not using npm, you can download a copy of web-types.json, place it in your project's root, and add the following property to package.json to tell the editor about it.

{
  ...
  "web-types": "./web-types.json"
  ...
}