Vant Weapp組件庫(kù):https://youzan.github.io/vant-weapp/#/intro
說(shuō)說(shuō)我在引入vant組件庫(kù)的時(shí)候的操作方法吧:
1.先在微信開(kāi)發(fā)者工具中打開(kāi)項(xiàng)目的終端:
2.然后初始化一個(gè)package.json文件:輸入命令:npm init
然后一路回車默認(rèn)的即可:
項(xiàng)目就回產(chǎn)生一個(gè)package.json文件:
3.接著在vant組件庫(kù)的官網(wǎng)上找到安裝語(yǔ)句:npm i vant-weapp -S --production,在終端輸入安裝命令暮的,點(diǎn)擊回車:
官網(wǎng)安裝語(yǔ)句位置如下:
4.構(gòu)建npm:在微信開(kāi)發(fā)者工具的菜單欄中找到工具欄的選項(xiàng)“構(gòu)建npm”,等待構(gòu)建完成
其中miniprogram_npm下就是vant-weapp組件庫(kù)拳氢;
5.最后,在微信開(kāi)發(fā)者工具的詳情里面將“使用npm模塊"勾選上蛋铆,如下:
6.引用和使用vant組件:(關(guān)于如何引用和使用組件可以參考官方文檔噢馋评,很齊全)
以引用button按鈕為例,官網(wǎng)文檔中都寫的特別詳細(xì)了:
根據(jù)官網(wǎng)文檔刺啦,使用如下:
到此完結(jié)留特,其他組件的使用方法可以參考官網(wǎng)文檔,vant組件庫(kù)也有自己的微信小程序文檔,在微信上直接搜索vant即可蜕青,有時(shí)候多查閱噢苟蹈。
文外話:第一次寫文章來(lái)記錄自己的學(xué)習(xí)過(guò)程,也為了讓自己養(yǎng)成記錄問(wèn)題和解決問(wèn)題的習(xí)慣右核,方便時(shí)間久遠(yuǎn)后再遇到問(wèn)題可以追溯慧脱,亦能總結(jié)自我『睾龋總之菱鸥,共勉。