[工具分享] @quicktvui/web-cli - QuickTVUI Web 预览零配置 CLI 工具

chenddcoder

@quicktvui/web-cli

  QuickTVUI Web 开发零配置 CLI 工具，让 TV
  应用在浏览器中快速预览调试。

  功能特性

   - 开箱即用，零配置启动 Web 开发服务器
   - 自动检测项目配置（TypeScript、CSS 预处理器等）
   - 内置 TV 焦点管理模拟
   - 支持热更新
   - 自动代理解决跨域问题
   - 完整支持 Vue 3 + TypeScript

  安装

   npm install @quicktvui/web-cli@beta --save-dev

  或

   yarn add @quicktvui/web-cli@beta -D

  依赖要求

  确保项目中已安装以下依赖：
   - @extscreen/es3-vue >= 3.0.0
   - @extscreen/es3-router >= 3.0.1
   - vue >= 3.0.0
   - webpack >= 5.0.0
   - webpack-cli >= 5.0.0
   - webpack-dev-server >= 4.0.0
   - vue-loader >= 17.0.0
   - html-webpack-plugin >= 5.0.0
   - ts-loader >= 9.4.0
   - babel-loader >= 9.0.0
   - css-loader >= 6.0.0

  使用方法

  在 package.json 中添加脚本：

   "scripts": {
     "web:dev": "qt-web-dev"
   }

  运行：

   npm run web:dev

  或指定入口：

   QUICKTVUI_MAIN_ENTRY=./src/main.ts qt-web-dev

  环境变量配置

   - QUICKTVUI_MAIN_ENTRY - 主入口文件路径（默认 src/main.ts）
   - QUICKTVUI_PORT - 开发服务器端口（默认 39001）

  当前版本

   - @quicktvui/web-cli: 1.0.0-beta.13
   - @quicktvui/web-renderer: 1.0.5

  相关链接

  npm: https://www.npmjs.com/package/@quicktvui/web-cli
  web-renderer: https://www.npmjs.com/package/@quicktvui/web-renderer

  反馈

  如有问题或建议，欢迎回复讨论。

chenddcoder

补充：可以全局安装后，在项目目录执行qt-web-cli命令即可web预览