這套開(kāi)發(fā)工具集成了小程序所需要的開(kāi)發(fā)環(huán)境，好處就是不需要像開(kāi)發(fā)react或者vue一樣絞盡腦汁的配置webpack環(huán)境。缺點(diǎn)就是這個(gè)開(kāi)發(fā)工具不是那么好用，寫(xiě)記事本的感覺(jué)。

我一開(kāi)始不知道如何搭建小程序的項(xiàng)目，然后找到了這個(gè)demo，下載源碼到本地，直接可以使用，不知道有沒(méi)有cli。之后開(kāi)發(fā)者需要把源代碼的路由刪掉，保留首頁(yè)路由，然后進(jìn)行開(kāi)發(fā)。

3、前面2步對(duì)于新手來(lái)說(shuō)只需要幾個(gè)小時(shí)就能完成，如果你有經(jīng)驗(yàn)了，幾分鐘就能完成并且做開(kāi)發(fā)了。

組件庫(kù)給人的好處是可以滿足沒(méi)有設(shè)計(jì)師的開(kāi)發(fā)者的開(kāi)發(fā)需求，雖然我感覺(jué)這些組件寫(xiě)的不怎么好用，對(duì)于不追求完美的人來(lái)說(shuō)夠用了。

相比于組件庫(kù)，我覺(jué)得API才是小程序最大的貢獻(xiàn)，借助了微信APP為載體的優(yōu)勢(shì)，封裝了很多好用的API，十八般武藝樣樣精通，而且文檔寫(xiě)的很不錯(cuò)。

為什么小程序還有缺點(diǎn)？

小程序再好，也有它的缺點(diǎn)。

1、小程序框架不容易理解

它的項(xiàng)目結(jié)構(gòu)到?jīng)]什么問(wèn)題，問(wèn)題在于文件名的重寫(xiě)，css => wxss，HTML => wxml，很別扭啊，因?yàn)槲沂莻€(gè)非常喜歡原生開(kāi)發(fā)的程序員，一時(shí)難以接受這種奇葩的文件，第一眼看到wxss我還在想這東西是不是防止跨站攻擊的玩意。

2、配置文件過(guò)多，學(xué)習(xí)比較費(fèi)勁

到處都是json文件，看得挺難受。

3、js寫(xiě)的別扭

有個(gè)全局的App({})，還有個(gè)單個(gè)頁(yè)面的Page({})，你說(shuō)你是vue嗎？寫(xiě)起來(lái)的感覺(jué)又不是?？吹胻his.setData({})，你說(shuō)你是react嗎？也不像啊。咦，好像有點(diǎn)jQuery的影子，wx.API用起來(lái)挺像jQuery，但又不全是。像原生嗎？不像，所有API都是用面向?qū)ο蟮姆椒ǚ庋b的，如果是函數(shù)式編程，寫(xiě)起來(lái)和原生js可以很好的銜接。

對(duì)于這個(gè)集合了4大天王高科技，但又沒(méi)有copy完全的東西，如果沒(méi)有四大天王的一點(diǎn)基礎(chǔ)，寫(xiě)起js還是挺費(fèi)勁的，好在我全都有所了解，接受這些知識(shí)變得不那么難。

4、wxss沒(méi)什么可說(shuō)的，說(shuō)說(shuō)wxml，有人說(shuō)像react-native，有人說(shuō)像vue，有人說(shuō)像angular，要我說(shuō)，看到這玩意，我都懷疑自己學(xué)的html是不是沒(méi)用了。

5、小程序還修改了很多原生的方法，比如事件函數(shù)，統(tǒng)一采用bind-event的寫(xiě)法。難受想哭，小程序好的地方在于有詳細(xì)的文檔描述了這些變化，壞的地方在于破壞了原生開(kāi)發(fā)者的習(xí)慣。

6、忘掉過(guò)去，才能學(xué)會(huì)小程序。

學(xué)習(xí)小程序最好的方式

不是看別人寫(xiě)的教程博客，而是看官方文檔，因?yàn)槲臋n寫(xiě)的很清晰，所以我覺(jué)得寫(xiě)篇教程還不如寫(xiě)篇開(kāi)發(fā)心得更有作用。

總結(jié)

如果你還沒(méi)玩過(guò)小程序，那么打開(kāi)官方文檔的大門(mén)，按照官方教程模擬一遍，哦，你會(huì)發(fā)現(xiàn)它是如此的簡(jiǎn)單（項(xiàng)目搭建、環(huán)境配置），之后就是考驗(yàn)誰(shuí)的js功底牛逼了。