安装Vant Weapp组件前,需要对代码进行初始化的设置
- 首先,打开miniprogram文件夹,右键选择“在终端中打开”
-
输入命令npm init,然后一路回车直到创建成功
这个命令的作用是在miniprogram文件夹下初始化一个package.json的文件,这个文件是对miniprogram这个项目信息的一些配置和管理
注意: 如果有小伙伴发现输入npm init之后提示’npm’ 不是内部或外部命令,也不是可运行的程序,那么可能是nodejs未安装,去官网下载nodejs安装;如果已经安装,那么建议看一下 ‘npm’ 不是内部或外部命令,也不是可运行的程序的解决方法这篇文章 - **输入命令npm i @vant/weapp -S --production安装Vant Weapp组件库 **
此时还未安装完成,需要回到小程序开发工具中 - 点击最上面的工具,选择构建npm
此时miniprogram文件夹下会多一个miniprogram_npm的包,这个包里就是Vant Weapp的组件库
-
最后,一定要勾选上使用npm模块,勾选上之后vant组件才会生效
在最右侧有个详情,详情下的本地设置里的使用npm模块一定要勾选上
到这里组件就安装完成了,接下来就可以使用了~~
具体使用可以查看Vant Weapp官网,里边有具体的示例,这里就不列举了