LitElement Web Components Extension Pack

An opinionated set of extensions I find useful for developing LitElement Web Components

Install

ext install justinribeiro.litelement-web-components-extension-pack

Core Extension List

These are the plugins I can't really do without. They make life easier.

• lit-plugin - Syntax highlighting, type checking and code completion for lit-html.
• LitElement and Polymer v2/v3 Snippets - Build LitElement, Polymer 2/3, and vanilla web components faster with the power of snippets!

Tooling

Essentials on any toolbelt, LitElement or not.

• ESLint
• CSSLint
• Prettier
• GitLens
• Import Cost - This extension will display inline in the editor the size of the imported package.
• Document This - "Document This" is a Visual Studio Code extension that automatically generates detailed JSDoc comments for both TypeScript and JavaScript files.
• Fix JSON - Fix JSON content using jsonic
• ES6 Mocha Snippets

Utilities

• Code Spell Checker - I can't spell, so sue me.
• change-case - Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word
• Rewrap - Re-wraps comments and other text to a given line length.

Suggestions

File an issue and let me know!