Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>GemNew to Visual Studio Code? Get it now.
Gem

Gem

Gem

|
274 installs
| (0) | Free
Gem plugin for VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft