apicloud結(jié)合vue-cli三端跨平臺超快速開發(fā)

看到我的標(biāo)題的時(shí)候可能覺得我是吹牛的凤类,我早就想試試webpack+apicloud結(jié)合起來來開發(fā),用了官方的腳手架發(fā)現(xiàn)并不是我想要的開發(fā)速度,總之開發(fā)很麻煩物延,小項(xiàng)目就很慢的了,別說大一點(diǎn)的項(xiàng)目障本,編譯起來簡直不可想像教届!首先我要證明一下我的項(xiàng)目工程大小响鹃,上圖

315行


76行

光看接口的數(shù)量就能證明這個項(xiàng)目不小,這個項(xiàng)目放在apicloud官方項(xiàng)目中案训,可以說买置,寫起來很舒服,但是后期維護(hù)起來要累死兩頭牛都不算過强霎,維護(hù)成本太大忿项。

除了apicloud的官方腳手架(雖然說也支持es6,但是編譯起來不如自己配置的webpack或者gulp)城舞,看到社區(qū)里面也有很多結(jié)合vue的轩触,一些是用vue做數(shù)據(jù)渲染的工具,一些也是結(jié)合vue-cli家夺,但是沒有從根本上解決編譯慢的問題脱柱,而且開發(fā)起來會很慢。

今天我要介紹的也是vue-cli結(jié)合apicloud拉馋,與其他不同的是榨为,我介紹的這個方法入門簡單(會vue-cli就可以),解決掉編譯慢的問題煌茴,解決官方同步node_modules會卡死的問題(我加了.syncignore随闺,依然會卡死,不知是不是操作姿勢不對)蔓腐,解決插件管理問題矩乐,運(yùn)行速度問題

apicloud現(xiàn)項(xiàng)目遇到的問題:

1、項(xiàng)目大維護(hù)成本難回论,

2散罕、一次開發(fā)可以使用兩端,不能使用到web端透葛,需要再次開發(fā)笨使,

3、插件沒有系統(tǒng)的管理

4僚害、使用的前端技術(shù)還在停留在幾年前硫椰。等等一系列問題。

我們現(xiàn)在需要使用vue-cli+apicloud面臨的會有幾個問題萨蚕;

1靶草、單頁面如何去進(jìn)行頁面跳轉(zhuǎn);

? ? :在應(yīng)用vue-cli結(jié)合apicloud的時(shí)候岳遥,我選擇拋棄了api.openwin奕翔、我用了vue-router做了頁面跳轉(zhuǎn),發(fā)現(xiàn)性能甚至?xí)萶penwin高浩蓉∨杉蹋可能有人會說openwin有很多動畫宾袜,轉(zhuǎn)場動畫vue從來都不缺,例:vueg轉(zhuǎn)場動畫驾窟,性能也是剛剛的庆猫。帶的參數(shù)一個不會少。

2绅络、如何解決node_modules同步卡死的問題月培。

? ? :這個需要我們?nèi)ジ脑靋onfig-->index.js? ?——>build;我們改掉他的路徑,不讓在當(dāng)前項(xiàng)目中打包生成恩急,需要在當(dāng)前項(xiàng)目外一層生成dist杉畜,這個dist中我們可以提前拷貝好apicloud的config.xml,

看到這個目錄結(jié)構(gòu)了嗎衷恭?這個是vue打包生成的此叠,我們只需要把config.xml,拷貝進(jìn)去随珠,這時(shí)候就沒有node_modules,同步一下拌蜘,就幾個打包好的文件,是不是同步的速度都快了很多牙丽,哈哈,不過這個不需要一直打包兔魂,一直打包就違背了我們說的超快速開發(fā)的初衷烤芦,我們要在瀏覽器全部調(diào)試ok,測試原生析校,比如bmap构罗,rongyun,等一切需要apicloud的地方智玻,正常邏輯完全可以使用瀏覽器去搞定遂唧。

3、如何在網(wǎng)頁端運(yùn)行吊奢;

? ? :如何在網(wǎng)頁端運(yùn)行盖彭,我們的app項(xiàng)目,我們需要改造vue-cli的main.js入口文件页滚,邏輯就是召边,當(dāng)前是不是在app中運(yùn)行,如果是app的話裹驰,我們需要做的就是加上window.apiready = function () {},不是app的話我們就走正常邏輯


基本上也都差不多就這么多隧熙,用es6飛起來吧,vue千萬的組件等著你使用幻林。效率飛起來贞盯,性能飛起來音念。推薦幾個移動ui:vux,muse-ui躏敢。這兩個組件庫闷愤,基本上涵蓋了平常使用的所有功能。附上demo馬云地址:https://gitee.com/vuevv/apicloud-vue.git

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末父丰,一起剝皮案震驚了整個濱河市肝谭,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蛾扇,老刑警劉巖攘烛,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異镀首,居然都是意外死亡坟漱,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進(jìn)店門更哄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來芋齿,“玉大人,你說我怎么就攤上這事成翩∶倮Γ” “怎么了?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵麻敌,是天一觀的道長栅炒。 經(jīng)常有香客問我,道長术羔,這世上最難降的妖魔是什么赢赊? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮级历,結(jié)果婚禮上释移,老公的妹妹穿的比我還像新娘。我一直安慰自己寥殖,他們只是感情好玩讳,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著嚼贡,像睡著了一般锋边。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上编曼,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天豆巨,我揣著相機(jī)與錄音,去河邊找鬼掐场。 笑死往扔,一個胖子當(dāng)著我的面吹牛贩猎,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播萍膛,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼吭服,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蝗罗?” 一聲冷哼從身側(cè)響起艇棕,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎串塑,沒想到半個月后沼琉,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡桩匪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年打瘪,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片傻昙。...
    茶點(diǎn)故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡闺骚,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出妆档,到底是詐尸還是另有隱情僻爽,我是刑警寧澤,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布贾惦,位于F島的核電站进泼,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏纤虽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一绞惦、第九天 我趴在偏房一處隱蔽的房頂上張望逼纸。 院中可真熱鬧,春花似錦济蝉、人聲如沸杰刽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽贺嫂。三九已至,卻和暖如春雁乡,著一層夾襖步出監(jiān)牢的瞬間第喳,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工踱稍, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留曲饱,地道東北人悠抹。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像扩淀,于是被迫代替她去往敵國和親楔敌。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,116評論 25 707
  • 內(nèi)部顧客--104天 用外部顧客考核市場的標(biāo)準(zhǔn)來考核內(nèi)部顧客驻谆,向市場部對待顧客一樣對待內(nèi)部顧客卵凑。 我為誰服...
    Alina_qi閱讀 153評論 0 1
  • 56456
    丶lov3閱讀 200評論 0 1
  • 一旦作出決定,實(shí)際上便墜入了一股巨大的洪流之中胜臊,這洪流會把你帶到一個你做決定時(shí)從未想到的地方去勺卢。——保羅.柯艾略《...
    子豐閱讀 9,975評論 17 12