大佬教程收集整理的这篇文章主要介绍了1、小程序Vant_WebApp组件库的安装步骤和简单使用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
目前,小程序当中已经支持使用Npm安装的第三方包,通过使用这些第三方包,我们可以提高对小程序开发的效率,但是在小程序当中使用所谓的npm包有如下的三个限制
在这里首先我们需要初始化一下这个项目,为了方便我们组件库的使用
在初始化之前我们要确保小程序当中是否存在包管理文件(package.json),没有的话我们需要打开命令行窗口进行创建
创建完毕
目前的最新版本是1.10.3
我这里出现了一个错误,网络上的解决教程是删除掉这个.npmrc的文件,为了防止误删我将这个文件保存在我的小程序文件夹当中(D:VXdevelopment防止误删npmrc)
输入我们的指令=>(npm i @vant/weapp@1.10.3 -S --production)
在app.json文件当中去除 style:v2的选项
设置 usingComponents配置项,添加我们需要使用的组件样式,其实就和自定义组件类似
"usingComponents": {
"van-button": "@vant/weapp/button/index"
},
我们这里设置的是全局样式,如果需要在特定页面引用组件的话在对应的页面添加相对参数即可
在我们的index页面使用这个组件
更多详细步骤参考官方文档即可
以上是大佬教程为你收集整理的1、小程序Vant_WebApp组件库的安装步骤和简单使用全部内容,希望文章能够帮你解决1、小程序Vant_WebApp组件库的安装步骤和简单使用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。