目錄
- 專案結構
- 專案框架搭建
- 連接真機除錯
- 打包apk發布
4
專案結構
Vuex學習
每一個 Vuex 應用的核心就是 store（倉庫），“store”基本上就是一個容器，它包含著你的應用中大部分的狀態 (state)，你不能直接改變 store 中的狀態，改變 store 中的狀態的唯一途徑就是顯式地提交 (commit) mutation，
https://vuex.vuejs.org/zh/guide/
npm install vuex --save
專案的適配
因為移動端設備螢屏大小，螢屏比例什么的差別比較大，所以移動端專案的適配問題就顯得尤為重要，這里我們主要使用flexible.js進行適配，
引入flexible.js，在main.js里引入flexible.js檔案，可將flexible.js作為靜態檔案放在最外層static檔案夾里引入，如下圖
執行程序：當用戶點擊 router-link 標簽時，會去尋找它的 to 屬性， 它的 to 屬性和 js
中配置的路徑{ path: ‘/home’, component: Home} path 一一對應，從而找到了匹配的組件， 最后把組件渲染到
標簽所在的地方，
vue.config.js組態檔
vue.config.js 是一個可選的組態檔，如果專案的 (和 package.json 同級的) 根目錄中存在這個檔案，那么它會被 @vue/cli-service 自動加載，你也可以使用 package.json 中的 vue 欄位，但是注意這種寫法需要你嚴格遵照 JSON 的格式來寫，
呼叫h5介面，使用手機功能，
https://blog.csdn.net/qianlixiaomage/article/details/104622151
Hbuilderx創建5+app專案
指向編譯出來的dist
連接真機除錯
打包，直接把dist下面的所有檔案，復制到5+app專案下，運行/打包即可，
真機除錯：選單-運行-運行到手機/模擬器-xxx手機
打包apk發布
選擇發行=》原生App云打包=>然后選擇打android的包，有ios的證書也可以打包為ios，android可以用免費的公用證書，開發者直接使用即可，具體選擇如下，然后接下來等待即可，稍微等待之后，打包成功之后，會回傳apk下載檔案的下載鏈接，點擊鏈接，把apk檔案下載下來，然后發送到自己的android手機，安裝在自己的手機上即可，
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/254762.html
標籤：其他
上一篇：一些小感慨