畢業(yè)12年了，很早就在騰訊做過幾年開發(fā)

錯(cuò)失了很多機(jī)會，其實(shí)也沒有錯(cuò)失，因?yàn)槲易约褐恢雷黾夹g(shù)，沒有什么商業(yè)頭腦。

最近也常讀書，對過去也不后悔。因?yàn)樾愿駴Q定命運(yùn)，本身就是喜歡工匠精神的人。

回到正題：這2年臍橙都是在微信靠口碑去賣的，很麻煩，收錢，回復(fù)，發(fā)貨，給訂單號 ，售后等等都是人工干的。所以閑下來就想做個(gè)小程序玩玩 。

其實(shí)后端接口用NodeJS寫了一部分了，之前在簡書分享過，但是覺得B總用戶多，還是轉(zhuǎn)來B 站了，希望多一點(diǎn)人看到我的故事。

因?yàn)橹爸饕荚谖⑿爬锩尜u的，所以就想著做微信小程序。

原生的微信小程序呢，開發(fā)太慢，開發(fā)效率也低，很多東西太古板了，一點(diǎn)都不想進(jìn)，不是我吐槽微信小程序團(tuán)隊(duì)！所以選擇跨平臺方案來做！

后面可能會搞成支付寶小程序、字節(jié)小程序和APP等，綜合了國內(nèi)外的跨平臺框架 還是選擇了uniapp ，因?yàn)槔贤獠桓阈〕绦颉?/p>

1.所以呢就用uniapp 的 cli方式來創(chuàng)建項(xiàng)目了，HBuilderX不好用就后面搞APP的時(shí)候準(zhǔn)備用下

????

創(chuàng)建完項(xiàng)目，把SASS先裝上，寫樣式還是得有個(gè)異構(gòu)語言的！

2.然后先運(yùn)行起來看看吧

然后用微信開發(fā)工具打開 dist/dev/mp-weixin這個(gè)目錄預(yù)覽，正常都是OK 的

3.與原生小程序開發(fā)的文件對應(yīng)關(guān)系

原生: project.config.json?

uniapp:??manifest.json ->? mp-weixin? 這里把a(bǔ)ppid配置上就行了

原生 : app.json

uniapp: page.json? 這里把tabBar等配上

4.運(yùn)行起來了，選一個(gè)UI框架吧

那就Vant weapp吧，注意和Vant是不一個(gè)框架，雖然是一家。

打開vant weapp的github地址：?https://github.com/youzan/vant-weapp 下載項(xiàng)目

在src下面 新建 wxcomponents 目錄（uniapp規(guī)定必須叫這個(gè)名字 ），然后把vant-weapp-dev\dist的組件 全部考到wxcomponents 目錄下面 ，取個(gè)名字叫vant把

全局引入一些常用組件

局部使用組件

這樣就能使用vant-weapp組件了