> For the complete documentation index, see [llms.txt](https://narro.gitbook.io/tinyts-handbook-cn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://narro.gitbook.io/tinyts-handbook-cn/quickstart.md).

# 快速开始

本章将带你迅速建立一个tinyts项目的demo。\
HTML:

```markup
<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>tinyts quick start</title>
</head>

<body>
    <p id="s1"></p>

    <script src="http://120.27.116.249:1307/static/js/linq.min.js"></script>
    <script src="http://120.27.116.249:1307/static/js/jquery-1.12.3.min.js"></script>

    <script src="http://120.27.116.249:1307/static/js/require.js"></script>
    <script src="http://120.27.116.249:1307/tinyts/tinytsdemo/quickstart/quickstart.js"></script>
</body>

</html>
```

Typescript:

```typescript
import {BaseViewModel, view} from 'tinyts/core/Core';
import {TextView} from 'tinyts/core/TextView';

export class QuickstartModel extends BaseViewModel {

    @view(TextView)
    s1: TextView;

    RegisterEvents() {

    }

    OnLoad() {
        this.s1.SetText("hello tinyts!");
    }

}
```
