微信小程序引入UI組件庫

小程序如何引入第三方UI組件（通常也是基於npm）

1、打開cmd，在小程序根目錄內，初始化npm

npm init -y

2、執行命令安裝 npm 包：

以微信官方WEUI組件庫為示例

npm install --save weui-miniprogram

3、安裝完成后，在微信開發者工具中的菜單欄：詳情-----使用npm模塊-----工具 ------ 構建 npm ：

4、app.wxss引入全局樣式

@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

5、以pages的index為例，json中引入cell：

{
	  "usingComponents": {
		    "mp-cell": "../../miniprogram_npm/weui-miniprogram/cell/cell "
	   }
}

6、點擊文檔中的組件示例代碼，開始ctrl C + ctrl V吧~

官方文檔鏈接（這里是Slideview）：
鏈接: https://developers.weixin.qq.com/miniprogram/dev/extended/weui/slideview.html.

vant-weapp 小程序組件庫

鏈接: https://youzan.github.io/vant-weapp/#/intro.

安裝步驟同1、2條具體使用看組件文檔