前端框架uni-app
可編譯到iOS、Android、H5、小程序等多個平台
一套代碼編到7個平台
uni-app在跨端數量、擴展能力、性能體驗、周邊生態、學習成本、開發成本等6大關鍵指標上擁有極強的競爭優勢。
HBuilderX內置相關環境
- HBuilderX：官方IDE下載地址
uni-app支持通過 HBuilderX可視化界面、vue-cli命令行兩種方式快速創建項目
運行的快捷鍵是Ctrl+r
原生app-雲端打包
uni-app 支持離線打包
發布為H5
manifest.json 的可視化界面
點擊發行
發布為微信小程序：
unpackage/dist/build/mp-weixin 生成微信小程序項目代碼
/unpackage/dist/build/mp-baidu 生成百度小程序項目代碼
在 /unpackage/dist/build/mp-alipay 生成支付寶小程序項目代碼
在 /unpackage/dist/build/mp-alipay 生成頭條小程序項目代碼
發布的快捷鍵是Ctrl+u
通過 vue-cli 創建 uni-app 項目
全局安裝vue-cli
npm install -g @vue/cli
創建uni-app
vue create -p dcloudio/uni-preset-vue my-project
選擇自定義模板時，需要填寫 uni-app 模板地址
運行發布
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
H5端的瀏覽器有跨域限制
微信小程序會強制要求https鏈接
iOS對隱私控制和虛擬支付控制非常嚴格
請點贊！因為你的鼓勵是我寫作的最大動力！
吹逼交流群：711613774
