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.