感謝掘金提供機會，跟大家閃電分享一下uni-app ^_^

一句話介紹uni-app?：一款基于vue的跨平臺前端框架；
多說兩句就是：開發者通過編寫 Vue.js 代碼，uni-app 將其編譯到iOS、Android、微信小程序等多個平臺，保證其正確運行并達到優秀體驗。

隨著微信小程序的成熟火爆，支付寶、百度、手機廠商等陣營也逐步推出自己的小程序/快應用規范，除了之前的iOS、Android、H5平臺外，前端開發者還要面臨多家小程序的適配開發，工作量在劇增，規范學習成本在提高，uni-app就是為了解決這些跨端兼容而生。

規范
從設計開始，uni-app有一個基本原則：充分利用現有前端生態，盡量不新立規范，減少前端學習成本，因 此uni-app?的開發規范大量借鑒了微信小程序和Vue.js；
具體來講，組件標簽和api靠近微信規范，數據綁定和文件系統靠近vue，開發者編寫一個業務頁面時，無需像原生小程序那樣編寫wxml、wsxx、js、json四個文件，而只需要編寫一個擴展名為 .vue 的 single-file components(單文件組件)文件即可。這樣的設計，方便有一定 Vue.js 和微信小程序開發經驗的開發者可快速上手 uni-app ，開發出兼容多端的應用。

跨端
關于跨端框架，很多開發者可能會擔心跨端意味著丟失平臺特色，uniapp 對此的解決方案是引入條件編譯，開發者可以優雅的為某平臺寫個性化代碼、調用專有能力而不影響其他平臺。

工具
關于IDE支持，HBuilderX對uni-app提供了良好的開發支持，包括語法提示、代碼塊、真機運行、云端打包等。HBuilderX 是HBuilder的下一代產品，全新架構，更輕量化，歡迎大家使用。

生態
生態方面，DCloud發布了一些常用的擴展組件和業務模版，比如索引列表，城市聯動；圍繞DCloud產品有大量前端開發者，也貢獻了不少組件模板，比如圖片裁剪等。另外，uni-app兼容mpvue項目，mpvue相關的開源組件和項目，都可以快速遷移到uni-app中。

最后，屏幕右下角的小程序碼是 uni-app 的組件能力演示程序，大家可以掃碼體驗。

我的演講到此結束，謝謝大家！

總結

以上是生活随笔為你收集整理的uni-app：基于Vue的跨端框架（闪电演讲内容整理) | 掘金开发者大会的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。