首页 > 编程知识 正文

vue打包成app方法,vue怎么打包成apk

时间:2023-05-03 20:16:09 阅读:56065 作者:920

另一方面,测试项目是否能正确执行指令:npm run dev

1、首先,我们先做vue的项目,本人在vue-cli上随便做,然后执行项目

二、修改路径(assetspublicpath:(./) )。

1、打开我们的config的js文件,将assetsPublicPath的路径更改为'./'。 (下图右下方的位置) )。

2、选中assets root 3360 path.resolve (_ _ dirname,‘…/dist’),

资产辅助目录:‘静态’、

assetspublicpath :‘. /’,(一般是这样的)

三.打包文件指令: NPM运行构建

1、打包后生成dist文件

四、创建新目录(MyApp )

1、在HBuilder中点击文件,打开目录,在我们项目打包的文件下查找dist文件,并命名确认。 然后看这样带w的文件

五.转换APP

1、点击该项的右键属性,点击转换为APP (t ) ) ) ) ) ) ) )。

六.关于manifest.json配置

1、应用信息

2、在manifest.json上放置APP名称和APP图标

“APP”图标:现在,单击下面的图标进行排列,选择并放置图像。 (图像只能是PNG格式,不能手动更改后缀。)。

3、启动图像(splash )配置、sdk配置等如果需要的话,不配置的话是默认的

七.调试和打包生成apk

1、安装第三方工具(便于连接模拟调试,如360助手)。

2、调试

(运行-实际运行-选择第一个基于HBuilder的运行-运行HBuilder检查WebView模式,调试时单击鼠标右键)在此插入图像说明

3、调试结束后,发放

(1)点击发布,作为原生安装包发布

)2)点击使用DCloud公共证书,点击打包

)3)等待制作、下载

4 .安装

)1)可以直接用360助手安装,也可以用qq或其他方式发到手机上安装。 如果不能直接安装的话,用手机管理文件,找到文件点击安装就可以了

补充知识:将vue-cli打包为apk的完整方法,以及打包为app的问题

因为vue-cli适合写单页面APP应用程序(spa ),所以我们经常使用它来开发APP,在pc端完成开发后,必须将其打包到apk或IOs中。 (这里不叙述IOs。

我的方法是利用hbuilder构建apk文件。 创建vue项目后,在cd项目文件夹中,输入npmrundev(3.0或更低命令)/npmrunserve (3.0或更高命令),打开浏览器,并检查其在8080中是否正常显示

然后,使用npm run build命令打包vue项目。 打包完成后,将dist文件夹添加到项目文件夹中。 此时,将在hbuilder中打开vue项目。

将其转换为移动app。 此时,如果直接打包到apk中,会出现大问题。 也就是说,apk安装后,内容为空白,什么都没有。 理由是路径问题、路径问题、路径问题、路径问题。 打包后,表示所有路径都以/开始,以/开始,并从根目录开始。 需要创建DD

然后单击项目栏中的发布——云软件包,创建本机安装包——,最后单击软件包完成。 设定参数时,根据需要进行设定。

下图是我把打包的apk安装在手机上后的照片。

以上vue-cli或vue项目使用HBuilder打包为移动端app操作是编辑共享的全部内容。 希望能有所借鉴,并希望能得到更多自由开发网的支持。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。