Editor Setup

Visual Studio Code Jump to heading #

Quiet UI includes a Custom Elements Manifest (CEM) file that contains useful information about its components. Many tools are emerging that make use of CEMs, including the Web Components Language Server.

This extension gives supported editors auto-completion and type-aware suggestions for all components. It ships as a recommended extension for VS Code, but you can install it manually from the marketplace.

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"
  ...
}