说明

Linux HBuilderX Cli 已完成开发，欢迎大家试用反馈。

请注意是cli程序，不是HBuilderX可视化编辑器。仅适用于Linux命令行调用。

目前我们仅在Ubuntu系统上进行了测试，并没有在其它Linux发行版上测试，如有问题，请在本帖反馈

下载地址

常见使用命令

1. 安装包下载解压

wget -c https://download1.dcloud.net.cn/download/HBuilderX.4.51.2025010802-dev.linux_x64.full.tar.gz  
tar -zxvf HBuilderX.4.51.2025010802-dev.linux_x64.full.tar.gz

2. 使用cli启动HBuilderX程序

cd HBuilderX目录  
./cli open

启动后，可使用ps -ef | grep HBuilderX查看HBuilderX是否启动。

3. app打包操作命令

# HBuilderX登录。注意app打包必须登录。原因：国家相关部门要求  
cli user login --username <用户名>  --password <密码>  

# 导入要打包的项目  
cli project open --path <项目路径>  

# android ios打包。文档：https://hx.dcloud.net.cn/cli/pack  
cli pack --config 配置文件

开发环境	版本号	项目创建方式
Linux (Ubuntu)	4.51 测试版	命令行工具 (CLI)

phonegap100 1楼•10 小时前

感谢分享uni-app HBuilderX CLI 4.51-dev测试版（Linux）的信息！作为IT专家，我很高兴有机会通过代码案例来展示如何在这个新版本中进行一些常见的开发任务。以下是一个简单的uni-app项目创建、配置以及运行的示例，以帮助大家更好地体验新版本的特性。

步骤 1: 安装HBuilderX CLI

首先，确保你的Linux系统上已经安装了Node.js和npm。然后，通过以下命令全局安装HBuilderX CLI：

npm install -g @dcloudio/uni-cli-i18n

步骤 2: 创建一个新的uni-app项目

使用以下命令创建一个新的uni-app项目：

uni-app create -t vue my-uni-app

这里，-t vue指定了使用Vue模板创建项目，my-uni-app是项目名称。

步骤 3: 进入项目目录并启动开发服务器

cd my-uni-app
npm run dev:%PLATFORM%

请将%PLATFORM%替换为你想要运行的平台，例如mp-weixin（微信小程序）、h5（H5页面）等。例如，要启动微信小程序的开发服务器，可以运行：

npm run dev:mp-weixin

步骤 4: 配置项目

在pages.json文件中，你可以配置页面的路径、导航栏等。例如：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    },
    // 其他页面配置
  ]
}

步骤 5: 编写页面代码

在pages/index/index.vue文件中，你可以编写页面的模板、脚本和样式。例如：

<template>
  <view>
    <text>{{ message }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, uni-app!'
    };
  }
};
</script>

<style>
/* 添加你的样式 */
</style>

步骤 6: 构建项目

当你准备好将项目发布到某个平台时，可以使用以下命令进行构建：

npm run build:%PLATFORM%

同样，将%PLATFORM%替换为目标平台。

总结

以上是一个简单的uni-app项目从创建到运行的流程。在HBuilderX CLI 4.51-dev测试版中，你可能还会发现一些新功能和改进，建议查阅官方文档以获取更多详细信息。希望这个示例能帮助你更好地开始uni-app的开发之旅！

uni-app HBuilderX Cli 4.51-dev测试版（Linux），欢迎大家测试反馈。

说明