小程序中使用vantui组件

之前用过几次，没有做记录，现在突然又要用到，由于之前使用的时间过长，导致自己又忘记了，再次做个记录

首先先在根目录下创建一个miniprogram文件夹，在右键，打开终端

npm init -y
npm install
npm i @vant/weapp -S --production

在编辑器的左上角的工具中，找到构建npm，之后如下图

image.png

此时构建完成后

image.png

将node_modules下的weapp直接覆盖生成的miniprogram_npm中，否则生成的文件不对，你可以具体看看两者的差异

然后再app.json或者是单独文件的.json文件中（路径你看看要是可以在优化的话，请留言，共同成长不是吗？哈哈）

image.png

页面

image.png

你学会了吗？要是有问题可以留言哦，看到会及时回复的