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