tmui4x 2.0(Vapor)

主题

TMUI4x2026-09-21
572
2.3m

Agent Cli ​

本系列文章以我目前所了解到的知识，引导你自行配置或者开发或使用现有AI对Uniapp,uniappx-vdom,uniappx-vapor等项目 实现自动化构建流程。

本系列文章和工具让你可以掌握到：

  1. AI写页面
  2. AI设计UI，出设计稿
  3. 设计稿转UNIAPP，UNIAPPX页面
  4. AI帮你写原生插件，其中AI掌握：语法检测，模块编译测试通过。
  5. AI帮你打离线基座包，帮你整包测试

用什么电脑开发？ ​

请使用MAC电脑开发，不建议WIN，不然不全。

安装 tmui-cli ​

安装全局的tmui-cli命令行工具 ​

里面包含了tmui3.2,tmui4x文档，以及uniappx文档，还有项目创建和升级sdk mcp工具。

安装方式：npm i -g tmui-cli,手动操作安装后在终端输入：tmui即可。

具体连接tmui-cli

项目管理MCP ​

{
  "mcpServers": {
    "tmui": {
      "command": "npx",
      "args": ["-y", "tmui-cli", "mcp"]
    }
  }
}

提供了相关项目的创建和升级这是Agent自主完成的必要工具方法

提供的工具：create_uniapp_hbx_project、create_uniapp_cli_project、create_uniappx_vdom_project、create_uniappx_vapor_project、query_tmui_config、list_components、get_component_doc、query_tmui_doc。

uniappx文档MCP ​

{
  "mcpServers": {
    "uniappx": {
      "command": "npx",
      "args": ["-y", "tmui-cli", "uniappxdocs"]
    }
  }
}

TMUI4x 蒸汽文档MCP ​

{
  "mcpServers": {
    "tmui4x": {
      "command": "npx",
      "args": ["-y", "tmui-cli", "mcp4x"]
    }
  }
}

HBX开发环境配置 ​

uniapp和uniappx都要配置，主要是它的编译插件的环境。

下面的配置你可以发给AI，让AI帮你下载配置好开发环境，一项也不可少。

打开HBX的配置中，打开运行配置项：

Gradle路径：/gradle-8.9/bin/gradle 建议保持在8.9，不要升级也不要降级，它与离线打包是不一样的开发环境。

JDK路径 ：/Library/Java/JavaVirtualMachines/amazon-corretto-21.jdk/Contents/Home 建议用此高版本，打包和开发可共用

安卓SDK路径：/Users/liuping/Library/Android/sdk/platforms/android-36

鸿蒙配置路径：/Volumes/extara/app/DevEco-Studio6.app

IOS插件配置，一般默认就行。

本节内容需要登录后查看

「配置离线打包助手及CLI」章节仅对已登录用户开放，登录后内容将自动解密展示。

参考 ​

本节内容需要登录后查看

「配置离线打包助手及CLI」章节仅对已登录用户开放，登录后内容将自动解密展示。

最近更新