前言
在引入之前,需要安裝nodejs作為運(yùn)行環(huán)境歇终,具體操作網(wǎng)上可以搜得到!
以引入vant為例:
1逼龟、step1 右鍵miniprogram评凝,選擇“在終端打開選項(xiàng)”
image
2、step2 初始化npm
輸入npm init腺律,下面的選擇都用回車即可
3奕短、step3 安裝weui的依賴
npm i weui-miniprogram -S --production
4、step4 構(gòu)建npm
image
image
5匀钧、step5 使用npm模塊
image
6翎碑、wxss中引入組件的樣式
@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
7、在app.json或者index.json中引入組件
"usingComponents": {
"mp-toptips": "../../miniprogram_npm/weui-miniprogram/toptips/toptips"
}
8之斯、在對(duì)應(yīng)頁(yè)面的 wxml 中直接使用該組件
<mp-toptips msg="{{tips}}" type="success" show="{{tips}}"></mp-toptips>