Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>h-ui-vscode-extensionNew to Visual Studio Code? Get it now.
h-ui-vscode-extension

h-ui-vscode-extension

yangli03

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

Varlet VSCode Extension

English | 中文

Intro

For a better development experience, we built a VSCode plugin.

Features

  • 🛠️  Support syntax hints and quick completion for all components.
  • 🛠️  Support document address preview and quick jump for all components.
  • 🛠️  Support frame selection of code snippets to quickly open Playground.
  • 🛠️  Support full icon preview for icon components.
  • 🌍  Support switching between Chinese and English.

Install

VsCode Extension Marketplace Search varlet-vscode-extension.

How To Use

Grammatical hints appear when you enter the keyword of the component name, and you can quickly complete it after selecting it.

Moving the mouse to the component name will display the document address of the component, which can be clicked to jump.

Press space or attribute keywords in the attribute input range of the label to display attribute completion prompts and attribute information.

When the name property of the Icon component is input, an icon preview will appear, and syntax completion will be performed after selection.

Frame the code snippet, and you can quickly open Playground in the right-click menu to preview the framed code online.

Support switching between Chinese and English, more friendly to Chinese people.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft