Cordova筆記二：vue-leaflet-cordova的創(chuàng)建
vue組件化三部曲：
- Leaflet 筆記四（續(xù)）：Vue-Leaflet2.0
- Leaflet 筆記九：vue-leaflet-mobile
- Cordova筆記二：vue-leaflet-cordova的創(chuàng)建
前言
相比于別的跨平臺快速開發(fā)技術(shù)，Cordova已經(jīng)走在其他跨平臺技術(shù)的前面淌喻。技術(shù)相對來說成熟，而且適合廣大網(wǎng)絡(luò)開發(fā)人員裸删，八拱。
我提到過Cordova可以在Visual Studio中創(chuàng)建，而且可以直接使用Typescript進(jìn)行編寫肌稻，但對于初學(xué)者來說上手并不容易。學(xué)一門技術(shù)還是從簡單的開始匕荸。Visual Studio開始項目就生成那么多文件確實有點太嚇人了爹谭。
Ionic是最為成熟的移動端框架，它的成熟不僅僅在于它的樣式每聪，更是在于它的項目構(gòu)建。當(dāng)然它的底層還是cordova药薯，這幾年對前端的摸索绑洛，讓我深刻了解前端知識越是底層真屯，越是有價值穷娱。因為前端的變化太快配深，最頂層的框架可能就是“稍瞬即逝”携添。所以越成熟篓叶，越底層缸托，越能投入生產(chǎn)的技術(shù)才是值得學(xué)習(xí)的左敌。
這篇文章前半段介紹一下Cordova的安裝和創(chuàng)建項目，后半段是對vue-leaflet-cordova的一個介紹俐镐。
安裝
建議全局安裝矫限，方便腳手架生成項目。
npm install -g cordova
入門
cordova在安裝完以后佩抹，可以使用命令行創(chuàng)建目錄叼风，此時你可以在命令行中輸入cordova查看對應(yīng)的命令，或cordova help [command]查看對應(yīng)的命令詳情匹摇。
創(chuàng)建項目
cordova create MyApp
創(chuàng)建項目后咬扇，進(jìn)入文件夾cd MyApp，里面有四個文件夾和一個配置文件廊勃。
hooks-
platforms對應(yīng)的平臺例如android，ios和browser等 -
plugins插件工具经窖，如文件處理之類 -
www表現(xiàn)端 config.xml
添加平臺
常用的平臺主要是browser坡垫，ios，android画侣。我相信不會有人去糾結(jié)wp和blackberry冰悠。由于涉及到ios，這里推薦開發(fā)的電腦盡可能使用mac配乱。電腦端瀏覽項目應(yīng)該是最常見溉卓，也是最簡單的。首先搬泥，安裝browser平臺桑寨，然后運行即可。
cordova platform add browser
cordova run browser
就可以看到對應(yīng)的效果忿檩。
注意盡可能使用 Chrome 瀏覽器運行尉尾。
這里，再舉一個栗子燥透，ios沙咏。同理辨图，安裝平臺。
cordova platform add ios
這時還不能直接運行肢藐。
cordova requirements
返回的列表表明了你的安裝情況故河。xcode是必須的。需要你耐心的安裝吆豹。同理鱼的，android平臺的安裝也是如此。
cordova build ios
cordova emulate iOS
build意味著生成對應(yīng)的編譯文件瞻讽，畢竟ios和android都是編譯型的平臺鸳吸。emulate是打開模擬器，預(yù)覽效果速勇。
安裝插件
插件是實現(xiàn)web和native交換的重要一環(huán)晌砾，依靠的是Jsbridge。如今像騰訊和阿里已經(jīng)把這門技術(shù)研究到極致烦磁，并且有更近輕量化的定制养匈。
安裝插件非常簡單。我們可以看到在plugin文件夾中都伪，有對應(yīng)平臺的native代碼呕乎。
cordova plugin add geolocation
我個人認(rèn)為掌握一款插件的開發(fā)，才是真正意義的了解cordova的插件編寫陨晶，以及與native的交互猬仁。
vue-leaflet-cordova
vue-leaflet-cordova 是 vue-leaflet-mobile的移動端封裝。
vue-leaflet-cordova參考了hiapp的項目結(jié)構(gòu)先誉。將vue打包文件夾直接等同于www湿刽。
擴展閱讀
http://blog.csdn.net/abc__d/article/details/51322870
轉(zhuǎn)載，請表明出處褐耳。總目錄跨平臺快速開發(fā)
轉(zhuǎn)載诈闺，請表明出處。總目錄Awesome GIS
