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