本文主要是介绍微信小程序中使用vantUI步骤,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
第一步,配置project.config.json
在setting中新增如下:
"packNpmManually": true,"packNpmRelationList": [{"packageJsonPath": "./package.json","miniprogramNpmDistDir": "./"}],
第二步,进入到微信小程序的目录,执行(这步很重要)
npm init
第三步,执行
npm install
第四步,执行
# 通过 npm 安装
npm i @vant/weapp -S --production
第五步,构建npm
第六步使用:
app.json中注册你需要使用的组件,既可使用!
"usingComponents": {
"van-icon": "@vant/weapp/icon/index",
"van-button": "@vant/weapp/button/index"
}
这篇关于微信小程序中使用vantUI步骤的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!