lizard-plugin

lizard syntax highlighting and auto completion. I highly recommend using this syntax highlighting with a theme that supports it.

Features

• [x] syntax highlighting
• [x] auto completion
• [x] autoIndent
• [x] format
• [x] auto alignment
• [x] goto definition

1.hightlighting

2.code auto completion

3.auto indent

<View></View>

When we type return, it can auto indent

<View>

</View>

The default indentCount is 4, and you can configure the indentCount in settings.json:

 "lizard.indentCount": 2,

4.format

Press right button of mouse and click format document

5.auto alignment

It will be align with the starting character of Component when user typing </.

6.goto definition

Press control (^) and hover mouse on certain word, if there is a definition of this word, it will give you a link to the definition.

7.hover hint

Hover your mouse on a certain word, which can be a component mark, property or function and there will be a hint message to tell the definition about what the mouse is pointing.

8.error disnostic

Now when you type the template, the compiler will indicate the compile error instantly and underline the exact place.

9.outline

It will show the template structure accroding the outline view, which help you find the exact place more quickly.