目錄
寫在前面
微信小程序的開發文檔是我見過所有開發文檔里寫的最爛的....
看了很多第三方UI庫樣式，最后決定這次的項目使用有贊的Vant Weapp
點我進入Vant Weapp文檔
正文
第一步：初始化npm
打開cmd，在你的小程序項目的根目錄下，執行以下命令來初始化。
npm init
初始化之后，在微信開發者工具的右上角的“詳情-->本地設置”中，勾選“使用npm模塊”
第二步：創建node_modules
在小程序根目錄下，執行以下指令來創建node_modules文件夾。
mkdir node_modules
進入node_modules文件夾，執行以下指令來創建小程序的miniprogram。
npm install miniprogram-datepicker --production
在微信開發者工具工具欄中選擇“工具-->構建npm”
完成構建后會在目錄中生成一個miniprogram_npm的目錄。
第三步： 安裝第三方UI庫
這里選擇通過npm安裝
npm i @vant/weapp -S --production
第四步： vantUI文檔中建議修改app.json
第五步： 在app.json的usingComponent中引入組件
例子:
"usingComponent": {
"vant-button": "@vant/weapp/button/index"
}
第六步： 在相應的wxml中使用組件
例子：
<view>
<van-button bind:click="onClick">提交</van-button>
</view>