微信小程序引入vant篇

137 阅读1分钟
前提是有nodejs作为运行环境
  1. 微信开发者工具创建一个小程序项目,在其根目录下右击打开命令行工具

  2. 输入npm init会让你填写一些关于项目的说明,完成之后项目文件夹下会新增一个package.json文件,是你刚刚创建的内容

  3. 输入命令npm i vant-weapp -S --production安装Vant

  4. 构建npm

4.1 构建完成如下

4.2 项目中多出一个文件夹

  1. 使用npm模块

  2. 依据vant官网配置文件

  3. 测试:在页面的json文件中

对应的wxml文件夹里使用即可

  1. 解决问题 如遇到什么文件未找到(...什么什么undefined),把\miniprogram_npm\vant-weapp里面的东西删除,然后去下载个vant-weapp的包,把dist里的东西拷进来就可以了