uni-app：基於Vue的跨端框架（閃電演講內容整理)| 掘金開發者大會

你們好，我是DCloud公司的崔紅保，感謝掘金提供機會，跟你們閃電分享一下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 的組件能力演示程序，你們能夠掃碼體驗。

個人演講到此結束，謝謝你們！