本节内容将带你快速开发酷狗直播小程序。

创建项目

1. 安装cli工具

要求 node 版本为12.x，npm >= 6.0。

提示：为了保证您的安装速度，可以先切换为淘宝源后，再执行后续指令。

npm config set registry https://registry.npm.taobao.org

npm i -g @fxext/cli

2. 初始化项目

fxext init myapp

2.1 输入小程序appId

前往开发者中心中，小程序 “概要” 信息中获取。确保appId准确，才能生成正确调试二维码进行APP端调试

2.2 选择小程序模式

目前支持选择 “主播模式” 和 “用户模式”，需与在开发者中心中，创建小程序时选择的保持一致

关于小程序模式介绍，请点击查看 小程序模式

2.3 选择项目使用框架

@fxext/cli从1.1.1版本支持vue框架

生成好的文件如下图所示(react版本)

3. 启动本地开发服务

在myapp目录下执行下面的指令

npm run start

成功启动本地服务后，可点击访问，上图中的链接为https://localhost:18080/index.html

在伴侣中打开主播端推流小程序显示如下

半屏小程序显示如下

至此，一个简单的酷狗直播小程序项目就运行起来了。各端开发调试方式，请参考：

• 酷狗直播网站开发调试
• 酷狗直播APP开发调试

项目开发完成后，需要提审、发布后才能上架到小程序商店。