Extensions pack quickapp skeleton, which supports generating, preview and language feautures for skeleton.
Requirements
Quickapp IDE: 3.7.0 or upper version.
Quickapp Debugger and Engine: 1090 or upper version (Tip: skeleton is generated according to the real effect on the mobile phone, and only debugger and engine of new version supports).
Features
Generate Skeleton
Click the skeleton icon on the IDE tool bar to open the skeleton dialog.
After the compilation, scan the QR code with quickapp debugger.
Switch to the page which needs to generate skeleton on the mobile phone, and click the "Generate Skeleton" button on the IDE.
Preview
Open .sk file, click the preview icon on the upper right corner of the IDE title bar to open the preview panel. Modify and save the file, can refresh the preview page.
Tip：<full-screen-img> is not supported now.
Preivew size
Vertical screen, width is 375px, height is calculated according to the machine ratio.
Horizontal screen, width is 750px, height is calculated according to the machine ratio.
Setting preview size
Click Setting Button (1), select "Settings" (2), open the setting panel.
Search "skeleton" (3), and switch to "Workspace"(4), you can modify the preview size。
Height：screen height
Widthscreen width
Top：screen top offset (space for title bar and status bar), default zero
Left：screen left offset, default zero
Language Features
Syntax Highlight
Atuto Completion
Emmet
Hovers
Color Picker
Format
Contextmenu - select "Format Document"
Setting format rules: click setting button on the IDE left bottom corner - select "Settings" - search "skeleton" - setting "hap-skeleton.prettyHtml" (Tip*: The new rules will work after restarting IDE).
