前言：

如题，需要下载HbuilderX，没有需要自行下载
下载办法也很简单，进入HBuilderX官网，然后下载APP开发版
在这里插入图片描述
下载好后解压到指定目录，然后点击这个即可进入
在这里插入图片描述

具体步骤：

  1. 新建一个Vue项目
    在这里插入图片描述

  2. 修改vue.config.js配置文件，即添加横线这一行
    在这里插入图片描述
    这个语句的意思是修改为相对路径
    如果不加，就可能导致打包后的vue项目页面显示空白

  3. 在终端进行执行npm run build指令将项目进行打包
    在这里插入图片描述
    打包完成后会出现dist文件夹
    在这里插入图片描述

  4. 在浏览器打开index.html
    在这里插入图片描述
    显示如下即算成功
    在这里插入图片描述

  5. 打开HBuilderX新建一个5+APP项目，并把vue中dist里面的所有文件复制过来（选择复制并替换）
    在这里插入图片描述
    若提示要注册，那就自行注册一个账号

  6. 配置APP属性，双击manifest.json
    下图是我已经注册过的账号，会自动生成AppID，若新建时没有生成，就点击重新获取，然后根据提示注册一个账号
    在这里插入图片描述
    点击模块配置，把这些打勾的都取消，或者不取消将账号进行实名认证也可以
    在这里插入图片描述
    在这里插入图片描述
    其他的配置例如图标配置，可自行根据需求配置

  7. 配置好后发行——原生APP-云打包——勾选如下选项，然后点击打包
    在这里插入图片描述
    若提示安装插件，等待安装完成，然后再打包

  8. 等待系统打包完成后，打开所在目录
    在这里插入图片描述
    可以发现如下文件即打包好的apk文件
    在这里插入图片描述
    到我的电脑里找到该文件
    在这里插入图片描述
    将这个文件上传到手机中，我用的是qq上传到我的手机里
    在手机上下载该文件并安装，显示如下界面即成功
    在这里插入图片描述
    请添加图片描述

# vue.js
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue