這幾天我做了一個vue移動端的小項目就想著打包成app安裝在手機上看看
我就講解下整個思路和過程
首先項目開發完之后 (我使用的是vue-cli 3.*版本)
在項目文件夾下創建一個vue..js
.={
:"./", // 打包配置這個可以先本地查看下效果
:false // 調試文件的功能關閉能加快打包
};
運行命令行 npm run build
項目文件夾下生成一個dist文件夾下面有這些文件 然后打開index.html本地預覽可以
然后打開 創建一個 5+App項目
創建完成之后打開文件目錄
把你vue項目打包的文件把這里的相同的文件覆蓋掉
主要是 css img js文件夾 和index.html文件
完成之后
進入項目打開.json 文件 進行基礎的配置包括版本 名稱圖標 sdk等配置
進入 右擊項目->發行->原生app云打包
如有有自己的開發id就用自己的沒有就用的公有證書
點擊打包 等到打包完成 他會返回一個app的下載地址 你下載下來
是一個apk文件 然后傳到手機上就可以點擊安裝了
安裝完之后測試可以表示打包成功了
本人也是前端小白期待大佬的指點自己一個人摸搜也是走了不少彎路