炫意html5
最早CSS3和HTML5移动技术网站之一

linux wine上使用HBuilderX

前言:
因linux上没有itunes,无法真机运行App;linux上无法运行微信等小程序开发工具。这些问题暂时无法解决。所以DCloud暂时不会投入很多精力开发纯正的linux版,目前仅提供linux上wine环境的解决方案。

1. Linux在wine上使用HBuilderX的注意事项

wine上运行HBuilderX, 优缺点如下:

  • HBuilderX支持打开、编辑各种文本文件
  • 支持web项目开发(web普通项目、vue项目等)
  • 支持uniapp h5开发
  • 不支持真机运行5+app、uniapp等项目,由于受第三方工具的影响(具体可参考5.1章节)
  • 各种小程序工具,包含微信小程序、支付宝小程序等,既不支持linux,也不支持在wine下使用。

2. HBuilderX在wine上运行效果

先来看下,wine + HBuilderX的运行效果

3. wine环境安装

3.1 Linux环境说明

  • HBuilderXLinux wine上的运行,必须安装Linux桌面操作系统
  • 以下所有的操作,都是基于ubuntu操作系统
  • 如果您使用其它Linux发行版,如Redhat Fedora SUSE等,安装wine,请参考wine官方文档
  • 如果您在其它Linux桌面操作系统使用wine + HBuilderX,遇到问题,可以反馈给我们。

3.2 wine文档

在安装wine过程中,可能遇到其它问题,请参考官方文档:

https://wiki.winehq.org

https://wiki.winehq.org/Ubuntu

3.3 wine安装

特别注意,下面操作使用到的apt相关的命令,只适用于ubuntu、deb等系统;并不是所有的linux发行版都有apt命令。 其它发行版安装wine,请参考wine官方文档

如果您使用的是 64 位系统,请开启 32 bit 架构支持(如果您之前没有开启的话):

$ sudo dpkg --add-architecture i386 

下载添加仓库密钥:

$ wget -nc https://dl.winehq.org/wine-builds/winehq.key
$ sudo apt-key add winehq.key

添加仓库:

$ sudo apt-add-repository 'deb https://dl.winehq.org/wine-builds/ubuntu/ bionic main'

更新安装包:

$ sudo apt update

然后安装 以下任一一个安装包

稳定分支(选择): 

    sudo apt install --install-recommends winehq-stable
如果失败
sudo apt-get update
sudo apt install --install-recommends winehq-stable

开发分支:

$ sudo apt install --install-recommends winehq-devel

Staging 分支:

$ sudo apt install --install-recommends winehq-staging

(可能需要安装 wine-mono、wine-gecko,点击确定即可)

安装完成之后:

$ wine --version

3.4 wine配置(1)

配置wine:

$ winecfg

此命令会提示安装 wine-mono、wine-gecko,点击确定即可。
但这个安装过程可能会很慢,要看网速。

3.5 wine配置(2)

安装wine-gecko,请点击确定

3.6 wine配置(3)

wine配置,应用程序默认设置,如下图,请点击确定

4. HBuilderX:安装启动

4.1 HBuilderX下载、解压

  1. 打开 HBuilderX官网 下载Windows HBuilderX安装包
  2. HBuilderX安装包是一个压缩包,需要解压

4.2 HBuilderX 程序启动

wine上启动windows HBuilderX程序有以下几种方法:

  • 在终端上,进入HBuilderX解压后的目录, 输入 wine HBuilderX.exe
  • 直接双击exe程序
  • 单击右键exe程序,选择打开方式也可以选择Wine打开。

4.3. HBuilderX启动后可能遇到的问题

使用wine启动HBuidlerX.exe后,可能会遇到无法显示顶部菜单的问题

解决方法:使用alt+t s 快捷键打开系统设置,选择使用原生windows窗口样式

5. 其它

5.1 问题:为什么5+app、uniapp项目,无法运行到真机和小程序?

原因:

  • ios真机运行依赖于itunes
  • 微信小程序开发者工具、以及其它小程序厂商本身也没有提供linux版本;并且各大windows小程序开发者工具在wine下运行也会出现各种错误

回答

炫意HTML5 » linux wine上使用HBuilderX

Java基础教程Android基础教程