快速开始 ​

一、创建应用 ​

方式一、 用@quicktvui/cli创建应用 ​

shell
qui create @quicktvui/quicktvui-template

方式二、 以模板项目创建应用 ​

shell
git clone https://github.com/quicktvui/quicktvui-template.git

二、安装依赖库 ​

进入quicktvui-template 项目根目录下面执行如下命令：

shell
yarn install

三、运行应用 ​

1. 进入quicktvui-template 项目根目录下面执行如下命令： ​

打开cmd窗口执行

shell
npm run dev

2. 打开快应用运行环境查看模板应用 ​

点击屏幕的右侧的圆形（加载测试代码）按钮。

三、热重载 (Hot Reload) ​

修改代码体验快应用代码热重载。

  1. 修改项目路径下quicktvui-template/src/views/index.vue文件， 把 Hello World! 修改为 第一个大屏快应用。
  2. 保存代码

源文件：

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>

查看效果：