分享下uni-app兩小時的開發過程以及心得體會


需求決定市場,市場決定產品,產品決定開發者....

本來想聊一些公司的業務問題,但既然是有關於跨平台移動開發相關的討論,這里就不在談及業務問題了。

疫情原因,公司希望做一個多端的產品,但是要求是盡可能的減少開發上的成本~

了解到uni-app,uni-app 是一個使用 Vue.js 開發所有前端應用的框架,開發者編寫一套代碼,可發布到iOS、Android、Web(響應式)、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘/淘寶)、快應用等多個平台。

何其幸哉,一個套代碼解決多個端的問題!

然后早上花了一小時瘋狂研究官網的文檔:在這里把官網文檔獻上:https://uniapp.dcloud.io/README

首選我們要搭建框架:(hbuilder官網推薦的開發工具)

1、點擊新建

 

 

2、選擇新建項目,項目類型為uni-app

 

 

這樣一個項目就基本上創建成功了,這時,指定的文件目錄會創建的是一個VUE項目,但是不一定能運行,小程序項目還要在開發者工具中配置項目的路徑,把類似於vue中的文件目錄里面的pages文件夾作為根目錄引入開發者工具中,小編只測試過小程序項目以及H5,至於安卓以及IOS應用萬變不離其中,各位開發者各自深入探討

一下引入類似的配置路徑~ 

 

 

以下是我對整個uniapp技術框架的理解:

1、技術棧:vue+微信小程序部分技術知識

2、uniapp和多年前的mpvue(基於美團開發的一款小程序框架)大同小異,但是uniapp生態更加豐富,更多的開發者參與項目的開發

3、沒有小程序開發經驗的前端工程師也能快速上手uniapp,實現一套代碼生成多個端~

4、在這過程中會有些兼容問題,需要開發者根據不同的平台去判斷,組件的兼容性也會各有差異,開發的時候需要細讀各類開發文檔

 (完)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM