vscode-gem-plugin

Gem for VSCode

Improve the development experience of writing Gem elements:

• Inline HTML/CSS/Style support
  • Basic functional support, just like developing in .html/.css files
  • Custom element support
    • Go to Definition
    • Go to References
    • Rename element tag
    • Element tag/attr/prop validate
    • Hover document
    • Auto complete
• Gem API support
  • @effect/@memo allow unused private field
  • State property suggestion remove irrelevant content

Configure

{
  // Let the extension know how to find the element definition
  "gem.elementDefineRules": {
    "Duoyun*Element": "dy-*",
    "*Element": "*",
  },
  // Same as emmet configuration
  "gem.emmet": {},
}

Special Thanks

• vscode-inline-html
• lit-analyzer