English | 简体中文

React Style Helper

Write styles easier in JSX, provide a powerful auxiliary development functions in style files like CSS, LESS, SASS. Friendly for React and Rax.

Which supports:

• Autocomplete
• Go to definition
• Create JSX/TSX inline CSS styles
• Preview style and variable values
• Auto import CSS Modules file

Demo

According to the class selector in the style file 'import' , automatic completion will be provided when editing ‘className'. You can also preview value and go to definition.

Automatic completion for inline style. You can also preview SASS variable value and go to definition.

Automatic import for CSS Modules file.

Usage

Hover over the 'className' value, and the hover board displays the style declaration corresponding to the value.

Use cmd + click (Windows: ctrl + click) jump to the variable identifier under the cursor.

More

This Extension power by AppWorks Team, it's part of the AppWorks, see AppWorks to know more features.