微信小程序接入vant Weapp組件的詳細(xì)步驟
剛創(chuàng)建的項(xiàng)目的文件結(jié)構(gòu)
首先在你項(xiàng)目的根目錄下打開(kāi)終端，輸入npm init 對(duì)項(xiàng)目初始化
這時(shí)會(huì)生成pachage.json文件。
繼續(xù)在終端運(yùn)行以下命令
我這里用這個(gè)：
npm i vant-weapp -S --production
運(yùn)行完如圖所示：
安裝成功后 回到小程序開(kāi)發(fā)工具 點(diǎn)擊 工具 => 構(gòu)建npm
運(yùn)行完截圖：
完成后在編輯器右邊的詳情把紅框內(nèi)的打勾上
使用組件
在你想使用組件庫(kù)的的json文件內(nèi)引入組件。比如你想在fundIncome頁(yè)面內(nèi)使用button組件。
效果：
上面的代碼就參照vant的官網(wǎng)文檔了。
到此這篇關(guān)于微信小程序接入vant Weapp組件的詳細(xì)步驟的文章就介紹到這了,更多相關(guān)小程序vant Weapp組件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
cnblogs 代碼高亮顯示后的代碼復(fù)制問(wèn)題解決實(shí)現(xiàn)代碼
cnblogs是比較有名的技術(shù)博客基地，很多技術(shù)達(dá)人都在里面發(fā)布技術(shù)文章， 不過(guò)由于代碼不利于復(fù)制，因?yàn)轫?yè)面里面有pre標(biāo)簽等問(wèn)題2011-12-12
微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
記錄一下這些內(nèi)容只是以后查閱起來(lái)方便，作為自己知識(shí)積累的記錄。其中有很多是參考網(wǎng)絡(luò)上的資源，不再一一寫(xiě)出出處，還請(qǐng)?jiān)髡咭?jiàn)諒。2010-12-12
JavaScript中檢查對(duì)象property的存在性方法介紹
這篇文章主要介紹了JavaScript中檢查對(duì)象property的存在性方法介紹,本文講解了4種方法來(lái)檢查某個(gè)對(duì)象o是否擁有property x,需要的朋友可以參考下2014-12-12
手機(jī)圖片預(yù)覽插件photoswipe.js使用總結(jié)
這篇文章主要為大家詳細(xì)總結(jié)了手機(jī)圖片預(yù)覽插件photoswipe.js使用方法，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要為大家詳細(xì)介紹了js日歷相關(guān)函數(shù)的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
收藏，對(duì)比功能的JS部分實(shí)現(xiàn)代碼
非常不錯(cuò)的，收藏效果代碼，增加當(dāng)前頁(yè)的現(xiàn)實(shí)，實(shí)現(xiàn)對(duì)比2008-08-08
javascript中的 object 和 function小結(jié)
JavaScript的面向?qū)ο笫腔谠蔚?，所有?duì)象都有一條屬于自己的原型鏈。Object與Function可能很多看Object instanceof Function ， Function instanceof Object都為true而迷惑，所以首先看下對(duì)象的實(shí)例。2016-08-08
這篇文章主要為大家詳細(xì)介紹了JavaScript結(jié)合H5 canvas實(shí)現(xiàn)投籃小游戲的具體代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
一個(gè)JavaScript獲取元素當(dāng)前高度的實(shí)例
這篇文章主要為大家介紹了一個(gè)JavaScript獲取元素當(dāng)前高度的實(shí)例，比較實(shí)用，建議新手朋友們可以看看2014-10-10