open-wc/docs/guide/ide.md

IDE

Your IDE is your primary tool while working with code, we recommend the following tools and plugins to make developing Web Components easier.

Visual Studio Code

We recommend VSCode.

For setup please visit the instructions on the Visual Stdio Code homepage.

Configuration

We recommend the following user settings:

{
    "files.autoSave": "onWindowChange",
    "editor.tabSize": 2,
    "files.trimTrailingWhitespace": true,
    "[markdown]": {
        "files.trimTrailingWhitespace": false
    },
}

How to set up:

1. File > Preferences > Settings
2. click on "..." > Open settings.json

Plugins

We recommend the following plugins:

• ESLint
  Get ESLint feedback directly in your IDE => more details under Linting
• es6-string-html
  Highlights all your html tagged template literals
• vscode-styled-components
  Highlights all your css tagged template literals