前端代码(移动端app, vue 源代码)打包方法
一,移動(dòng)端APP代碼打包
H5寫的app,開發(fā)工具HBuilder X 打包方式
幫助文檔:http://ask.dcloud.net.cn/docs/
安卓apkd 打包方式:
1,將項(xiàng)目代碼導(dǎo)入hbuilder開發(fā)工具,連接上手機(jī)修改代碼、調(diào)試。完成后進(jìn)行下步
?
2,調(diào)試完成后代碼打包,點(diǎn)擊——》發(fā)行——》原生APP_云打包——選擇好(首次打包,需要選擇app啟動(dòng)頁,填寫上UI設(shè)計(jì)的啟動(dòng)圖放置在本地的地址就OK了),直接打包。
?
3,將打好的包下載到本地保存。打包完工!!!
?
蘋果ipa的打包方式:(需要蘋果的ios證書)
?
?
?
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
?
二, Vue 代碼打包
1,在git? 版本工具上更新最新代碼帶本地
?
2, 將Vue 框架代碼依賴的包,找到放到打包的代碼中
?
3,準(zhǔn)備打包(多種方式,用前端開發(fā)工具webstorm? 可以打包,也可以用命令——npm? 在git 命令行打包)
$ npm -v #查看版本 $ vue -V$ npm run dev #啟動(dòng)vue項(xiàng)目# npm run build:prod --report # npm開始打包?
4, 用npm 開始打包,及打包完成
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
?
?
?
?
?
?
?
?
?
?
?
?
總結(jié)
以上是生活随笔為你收集整理的前端代码(移动端app, vue 源代码)打包方法的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: WEB初学者简介,web入门
- 下一篇: html5倒计时秒杀怎么做,vue 设