时间:2021-05-18
刚创建的项目的文件结构
首先在你项目的根目录下打开终端,输入npm init 对项目初始化
这时会生成pachage.json文件。
继续在终端运行以下命令
我这里用这个:
npm i vant-weapp -S --production运行完如图所示:
安装成功后 回到小程序开发工具 点击 工具 => 构建npm
运行完截图:
完成后在编辑器右边的详情把红框内的打勾上
使用组件
在你想使用组件库的的json文件内引入组件。比如你想在fundIncome页面内使用button组件。
效果:
上面的代码就参照vant的官网文档了。
到此这篇关于微信小程序接入vant Weapp组件的详细步骤的文章就介绍到这了,更多相关小程序vant Weapp组件内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前期准备VantWeapp组件库:https://youzan.github.io/vant-weapp/#/intro1.先在微信开发者工具中打开项目的终端:
一:npm初始化如果你的小程序项目没有安装过npm包的话,你需要先初始化npmnpminit二:安装npm包这里以vant-weapp(小程序UI组件库)为例:
微信小程序内容组件相关文章:微信小程序wxapp内容组件icon微信小程序wxapp内容组件text微信小程序wxapp内容组件progress微信小程序内容组
微信小程序内容组件相关文章:微信小程序wxapp内容组件icon微信小程序wxapp内容组件text微信小程序wxapp内容组件progressicon图标。属
微信小程序表单组件checkbox相关文章:微信小程序Button微信小程序radio微信小程序slider微信小程序switch微信小程序textarea微信