最近學習Vue的過程中，項目完成后打包成一個app，就此記錄一下學習過程。
本例使用的是Vue項目
准備工作
1.打包前的工作：
vue-cli4 打包
1、刪除路由的hisotry模式
2、保證vue項目沒有任何vue拋出的警告或者錯誤
3、去除所有console.log()語句 （全局搜索用正則替換為空即可，正則：console.log\(.*\);?）
4、在根目錄下創建vue.config.js, 寫入 module.exports = {publicPath: './'}
確保打包的過程要沒有報錯，有問題就解決，不要到后面出現問題了才解決。那時就是大問題了。
2. npm run build 打包項目，會產生一個dist文件夾。要保證打包出來的index.html能直接在本地打開。不然后續可能會出現問題。后續也需要用到里面打包生成的文件。例：
3.打包工具可以去APICloud官網下載。本人用的是sublime text3 進行打包壓縮。要為sublime text3 安裝 Sublime-APICloud-Loader 插件，不會的小伙伴自行去官網或搜索引擎找答案，此處省略。安裝成功后重啟軟件才會生效，然后新建一個文件夾做准備
然后右鍵鼠標會出現紅色框的選項
4.右鍵新建APICloud選項，選擇空白應用，然后給項目起名字，就會產生一個新文件夾。
接下來把其他的文件刪掉，只留下config.xml一個文件就夠了
5.前往APICloud官網注冊賬號 https://www.apicloud.com/
（1）注冊好賬號登錄就會來到這樣一個頁面
（2）選擇創建應用，選擇Natice App 填好信息點擊創建
（3）就會來到一個這樣的頁面，就表示創建應用成功了。
（4）接下來我們需要操作的步驟如下圖
（5）第一步：端設置 ， 進行相應的設置，上傳圖片，只支持png格式，具體可以看說明。
（6）第二步：證書 點擊一鍵創建證書（填好對應信息），可以根據自己想要的系統進行創建相對應的證書(Android 或者 IOS) ，
注： IOS的得在蘋果電腦上操作，不然是弄不了的。后面生成的APP安卓手機不能裝蘋果證書生成的，蘋果手機也不能裝安卓證書生成的。
（7）第三步：代碼 首先讓我們回到sublime text 3，對打包好的項目進行壓縮 ，把項目打包好的文件復制到剛剛刪下只剩下config.xml的文件夾里
壓縮前我們先修改config.xml的信息 ， id 要改成你剛剛創建應用的那個id (可以在概覽中找到應用的相關信息) 。id要對應，不然是不行的。只修改id就可以了，其他不用動。保存！退出！
修改好id信息之后，接下來就可以創建壓縮包，右鍵當前文件夾，選擇壓縮Widget包，然后就會產生一個同名的壓縮包
現在讓我們目光回到APICloud上，點擊上傳代碼，選擇剛剛生成的 同名壓縮包
上傳成功后會有相對應的日志產生
（8）第八步：模塊 可以根據自己的需求選擇，不過一般不使用，默認就好，因為在開發中肯定用的是第三方的插件什么的，我這里是默認，沒有選擇其他的模塊
（9）第九步：雲編譯 沒什么復雜步驟，填好信息即可
選擇類型 測試版 和 正式版 都可以 正式版的話最好是可以上架到應用商店的，但是要企業認證才能上架，個人開發者是不行的。需要注意一下
最后激動人心的時刻到了，點擊上面那個大大的 雲編譯按鈕 就會顯示編譯中。然后就靜靜祈禱不會報錯吧！！！
那一但出現編譯失敗報錯怎么辦？重頭到尾重新操作一遍即可，錯誤都會有對應的提示。
如果沒有報錯就會出現編譯成功，會生成一個二維碼，可以掃碼下載打包好的APP安裝到手機上啦！
編譯之后如果修改了，繼續編譯就好。就會出現如下圖的版本號，編譯一次就會加一。
最后大家下載安裝就好。就會發現app的名字就跟上面填的信息一樣。我的叫 I知乎 ，是仿知乎日報的一個項目。
總的來說都沒有什么復雜的操作步驟，認認真真填完信息，按步驟操作，一般都不會有問題。
遇到問題可以查看文檔進行學習解決自己的疑惑 新手開發指南
-----------------------------------------------------------------------------------------------------------------------
以上。
作者：Aiqizai
出處: https://www.cnblogs.com/Aiqizai/p/14007784.html
本文版權歸作者和博客園共有，歡迎轉載，但必須在文章頁面給出原文鏈接並標名原文作者，否則保留追究法律責任的權利。