小程序---电影商城---第三方组件 vant(vant weapp)

小程序版本主页

https://youzan.github.io/vant-weapp/#/intro

(1)创建项目描述文件 package.json

---鼠标右击 miniprogram  目录->"在终端中打开"

---输入命令  npm init

#一直按回车直到结束

#npm init   命令生成项目描述文件  package.json

(2)安装第三方UI库

--鼠标右击->miniprogram 目录->“在终端中打开”

--npm i vant-weapp  -S --production

#下载第三方模块：vant-weapp

(3)点击开发工具-->工具菜单->构造npm

#将下载模块内容复制文件 miniprogram_npm

#如果报错，重新执行三步

(4)点击开发工具->设置菜单->项目设置

本地设置标签->【*】使用npm模块

(5)选择你需要组件复制配置信息到当前组件

"van-button":"path/vant-weapp/dist/button/index"

修改

{

"usingComponents": {

"van-button":"vant-weapp/button/index"

  }

}

(6)直接复制代码在当前组件中显示即可