English

Overview

The tutorial module is the starting point for your GenUI journey. From environment configuration to tool download, from basic syntax to quick start, we will guide you step by step through a series of easy-to-understand examples to gain a deeper understanding of the core functions of GenUI. Through these tutorials, you can not only master the basic operations, but also further consolidate your knowledge through practical projects.

NOTE

In the tutorial, we have arranged the best learning order for you, please refer to the [Learning Order Recommendation](##Learning Order Recommendation) section below

Learning Order Recommendation

QuickStart

GenUI Quick Start Project

Project Structure

Explain the structure of the GenUI project and the purpose of each file

`<template>`

In the template structure syntax part, GenUI template adopts the writing method of HTML and expands and constrains it on this basis

`<style>`

In the template style syntax part, GenUI style is also similar to native CSS and has been enhanced. Its writing method is closer to SCSS

In addition, style can also be called prop, because it corresponds to the properties of the components in template

`script` (API)

The "script" part of GenUI uses the rust language. Although it is called a script, it is different from typical js, py, and lua.

Table of Contents

#Overview

#Learning Order Recommendation

#QuickStart

#Project Structure

#<template>

#<style>