快速开始
一、创建应用
方式一、 用@quicktvui/cli
创建应用
shell
qui create @quicktvui/quicktvui-template
![](/cli/screenshot-cli-create.jpg)
方式二、 以模板项目创建应用
shell
git clone https://github.com/quicktvui/quicktvui-template.git
二、安装依赖库
进入quicktvui-template
项目根目录下面执行如下命令:
shell
yarn install
三、运行应用
1. 进入quicktvui-template
项目根目录下面执行如下命令:
打开cmd
窗口执行
shell
npm run dev
2. 打开快应用运行环境查看模板应用
点击屏幕的右侧的圆形(加载测试代码)按钮。
![](/guide/start/es_hello_world.png)
三、热重载 (Hot Reload)
修改代码体验快应用代码热重载。
- 修改项目路径下
quicktvui-template/src/views/index.vue
文件, 把Hello World!
修改为第一个大屏快应用
。 - 保存代码
源文件:
vue
<template>
<div class='index-root-view-css'>
<span class='index-root-text-view-css'>Hello World!</span>
</div>
</template>
修改后的文件:
vue
<template>
<div class='index-root-view-css'>
<span class='index-root-text-view-css'>第一个扩展屏快应用</span>
</div>
</template>
查看效果:
![](/guide/start/es_hot_reload.png)