https://github.com/justinribeiro/lit-web-components-vscode-extension-pack

A set of VS Code extensions useful for developing LitElement Web Components.
https://github.com/justinribeiro/lit-web-components-vscode-extension-pack

extension-pack litelement polymer visual-studio-code vscode-extension

Last synced: 25 days ago
JSON representation

A set of VS Code extensions useful for developing LitElement Web Components.

• Host: GitHub
• URL: https://github.com/justinribeiro/lit-web-components-vscode-extension-pack
• Owner: justinribeiro
• Created: 2019-09-25T22:50:18.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-11-02T15:09:09.000Z (about 1 year ago)
• Last Synced: 2024-10-23T23:57:31.467Z (2 months ago)
• Topics: extension-pack, litelement, polymer, visual-studio-code, vscode-extension
• Homepage: https://marketplace.visualstudio.com/items?itemName=justinribeiro.litelement-web-components-extension-pack
• Size: 20.5 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# LitElement Web Components Extension Pack

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

> Components

[![Installs](https://vsmarketplacebadge.apphb.com/installs-short/justinribeiro.litelement-web-components-extension-pack.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=justinribeiro.litelement-web-components-extension-pack) [![Current Release](https://vsmarketplacebadge.apphb.com/version/justinribeiro.litelement-web-components-extension-pack.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=justinribeiro.litelement-web-components-extension-pack)

## 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](https://marketplace.visualstudio.com/items?itemName=runem.lit-plugin) - Syntax highlighting, type checking and code completion for lit-html.

- [LitElement and Polymer v2/v3 Snippets](https://marketplace.visualstudio.com/items?itemName=justinribeiro.Polymer2Snippets) - Build LitElement, Polymer 2/3, and vanilla web components faster with the power of snippets!

## Tooling

Essentials on any toolbelt, LitElement or not.

- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

- [CSSLint](https://marketplace.visualstudio.com/items?itemName=raymondcamden.csslint)

- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

- [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)

- [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) - This extension will display inline in the editor the size of the imported package.

- [Document This](https://marketplace.visualstudio.com/items?itemName=joelday.docthis) - "Document This" is a Visual Studio Code extension that automatically generates detailed JSDoc comments for both TypeScript and JavaScript files.

- [Fix JSON](https://marketplace.visualstudio.com/items?itemName=oliversturm.fix-json) - Fix JSON content using jsonic

- [ES6 Mocha Snippets](https://marketplace.visualstudio.com/items?itemName=spoonscen.es6-mocha-snippets)

## Utilities

- [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - I can't spell, so sue me.

- [change-case](https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case) - Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word

- [Rewrap](https://marketplace.visualstudio.com/items?itemName=stkb.rewrap) - Re-wraps comments and other text to a given line length.

## Suggestions

File an issue and let me know!