微信小程序接入vant Weapp組件的詳細(xì)步驟
更新時間：2020年10月28日 10:46:44 作者：小佑@小佐
這篇文章主要介紹了微信小程序接入vant Weapp組件的詳細(xì)步驟,本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
剛創(chuàng)建的項目的文件結(jié)構(gòu)
首先在你項目的根目錄下打開終端，輸入npm init 對項目初始化
這時會生成pachage.json文件。
繼續(xù)在終端運(yùn)行以下命令
我這里用這個：
npm i vant-weapp -S --production
運(yùn)行完如圖所示：
安裝成功后 回到小程序開發(fā)工具 點擊 工具 => 構(gòu)建npm
運(yùn)行完截圖：
完成后在編輯器右邊的詳情把紅框內(nèi)的打勾上
使用組件
在你想使用組件庫的的json文件內(nèi)引入組件。比如你想在fundIncome頁面內(nèi)使用button組件。
效果：
上面的代碼就參照vant的官網(wǎng)文檔了。
到此這篇關(guān)于微信小程序接入vant Weapp組件的詳細(xì)步驟的文章就介紹到這了,更多相關(guān)小程序vant Weapp組件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
快速獲取/設(shè)置iframe內(nèi)對象元素的幾種js實現(xiàn)方法
下面小編就為大家?guī)硪黄焖佾@取/設(shè)置iframe內(nèi)對象元素的幾種js實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了用js編寫簡單的貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
本文主要介紹了JavaScript中清空數(shù)組的幾種方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
今天在研究微信公眾號接口問題,下面這篇文章主要給大家介紹了關(guān)于微信公眾平臺API錯誤代碼41002問題的解決辦法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
javascript變量作用域在不同瀏覽器的實現(xiàn)處理代碼2008-09-09
這篇文章主要介紹了ES6中Iterator與for..of..遍歷用法,結(jié)合實例形式分析了ES6中Iterator的概念、用法及for..of..遍歷的使用技巧,需要的朋友可以參考下2017-03-03
純JavaScript實現(xiàn)的完美漸變彈出層效果代碼
對于Web項目開發(fā)尤其是前臺UI的設(shè)計而言，用戶體驗至關(guān)重要，因為它直接關(guān)系到項目的成敗，簡潔，平滑，優(yōu)雅的設(shè)計永遠(yuǎn)能夠受到用戶的青睞。2010-04-04
這篇文章主要給大家介紹了關(guān)于移動端H5頁面返回并刷新頁面（BFcache）的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11
全面解析JavaScript中的valueOf與toString方法(推薦)
本文給大家介紹JavaScript中的valueOf與toString方法，valueOf() 方法可返回 Boolean 對象的原始值，toString() 方法可把一個邏輯值轉(zhuǎn)換為字符串，并返回結(jié)果。對js中valueof和tostring相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-06-06
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)字體背景跑馬燈，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01