微信小程序引入vant-ui

发布于 2020-05-01 00:59:43
  1. 初始化项目 运行 npm init ,然后配置相关信息,可以全部回车
  2. 安装npm包 npm install --production
  3. 安装vantui npm i vant-weapp -S --production
  4. 工具栏 点工具>构建npm 等待5到30秒 完成
  5. 根据文档在页面文件夹里的json文件内引入相关组件 注意修改相对路径

如:
"usingComponents": {
"van-button": "path/to/vant-weapp/dist/button/index"
}
改为
"usingComponents": {
"van-button": "../../miniprogram_npm/vant-weapp/button/index"
}

image.png
第一次上传部署云函数时,会提示这个,建议在这之前先安装一下node.js。

https://nodejs.org/en/ 下载nodejs,然后直接安装,在cmd控制台输入node -v和npm -v,这两个打印版本号的命令可以判断node和npm是否安装成功。
这时可以进行第一次上传部署云函数的操作了,如果你已经执行过了,那现在就需要手工来安装wx-server-sdk依赖了。
打开cmd控制台,进入到云函数的文件夹,然后执行:
npm install --save wx-server-sdk@latest
安装成功后,云函数文件夹下面会多个package-lock.json文件,就对了。

现在重新上传部署一下云函数,就可以使用云函数啦。

0 条评论

发布
问题