微信小程序項目使用npm安裝vant-weapp的正確步驟,簡單易懂!!


微信小程序項目使用npm安裝vant-weapp的正確步驟

1、在當前小程序項目目錄
npm init -y 構建npm項目

 

2、運行命令 npm install vant-weapp -S --production
安裝完 發現在當前小程序目錄下新增node_modules目錄 下面有了vant-weapp組件文件夾 如下圖:


3、詳情里面:選中使用npm模塊


4、進入微信開發工具:選擇 工具 -> 構建npm


5、下面以引入button組件到某頁面為例子:

在此頁面的.json中配置

"usingComponents": {
"van-button": "../../miniprogram_npm/vant-weapp/button/index"
},

然后在此頁碼的wxml中

<van-button type="default">默認按鈕</van-button>
<van-button type="primary">主要按鈕</van-button>
<van-button type="info">信息按鈕</van-button>
<van-button type="warning">警告按鈕</van-button>
<van-button type="danger">危險按鈕</van-button>


重新編譯項目 發現 已經正常引用了!!


簡單易懂的操作 喜歡的朋友們可以關注一下 Jason


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM