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