微信小程序——使用npm第三方插件

  1. 配置小程序

    微信小程序——使用npm第三方插件_第1张图片

 2. 复制小程序的目录

微信小程序——使用npm第三方插件_第2张图片

微信小程序——使用npm第三方插件_第3张图片

 3. 快捷键 win + r,输入cmd,打开dos命令,将小程序的目录结构粘贴在dos命令上,然后回车,之后输入如下指令,然后等待dos命令出现反应后,一直回车即可

npm init

微信小程序——使用npm第三方插件_第4张图片

4. 引入第三方组件

npm i vant-weapp -S --production

微信小程序——使用npm第三方插件_第5张图片

5. 构建npm(微信小程序编译器-----工具-----构建npm)

微信小程序——使用npm第三方插件_第6张图片

 

 6. 使用第三方组件

    微信的 json文件(注意引用的路径结构)

{
  "usingComponents": {
    "van-button": "/miniprogram_npm/vant-weapp/button/index"
  }
}

  微信的wwml文件

按钮

效果

微信小程序——使用npm第三方插件_第7张图片

GitHub地址:https://github.com/youzan/vant-weapp 

 

 

最后附上本人做的一个小程序

     微信小程序——使用npm第三方插件_第8张图片

你可能感兴趣的:(微信小程序)