当前位置: 首页 > news >正文

微信小程序中使用vantUI步骤

第一步,配置project.config.json

在setting中新增如下:

    "packNpmManually": true,"packNpmRelationList": [{"packageJsonPath": "./package.json","miniprogramNpmDistDir": "./"}],

第二步,进入到微信小程序的目录,执行(这步很重要)

npm init

第三步,执行

npm install

第四步,执行

# 通过 npm 安装
npm i @vant/weapp -S --production

第五步,构建npm

第六步使用:

app.json中注册你需要使用的组件,既可使用!

 "usingComponents": {

    "van-icon": "@vant/weapp/icon/index",

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

  }

  

http://www.lryc.cn/news/355706.html

相关文章:

  • 说一下 ACID 是什么?
  • 深度解读 chatgpt基本原理
  • Oracle-修改用户名
  • 张量 t-product 积(matlab代码)
  • 爬山算法教程(个人总结版)
  • 水电表远程抄表:智能化时代的能源管理新方式
  • 物联网应用开发--STM32与机智云通信(ESP8266 Wi-Fi+手机APP+LED+蜂鸣器+SHT20温湿度传感器)
  • 【高阶数据结构(七)】B+树, 索引原理讲解
  • ML307R OpenCPU 网络初始化流程介绍
  • 分享:怎么才能保证大数据查询的准确性?
  • AI Agent教育行业落地案例
  • Flutter 中的 LimitedBox 小部件:全面指南
  • OrangePi AIpro初体验,码农的第一台个人AI云电脑
  • 剪画小程序:”霸屏各大平台“的黏土滤镜是怎么制作的呢?
  • 图解 BERT 模型
  • 关于软件设计模式的理解
  • Java开发官方文档
  • AI大模型探索之路-实战篇9:探究Agent智能数据分析平台的架构与功能
  • 本地spark3.5(不整合hive) 集成paimon0.9
  • Linux IO模型深度解析与实战应用
  • 软件系统开发标准流程文档(Word原件)
  • 嵌入式进阶——外部中断(EXTI)
  • flinkcdc 3.0 源码学习之客户端flink-cdc-cli模块
  • 香橙派 AIpro开发体验:使用YOLOV8对USB摄像头画面进行目标检测
  • Python中正则表达式详解
  • vue使用EventBus进行跨组件通信
  • boot项目中定时任务quartz
  • 使用阿里云OSS实现视频上传功能
  • LOTO示波器软件新增导览功能
  • 【StructueEngineering】SYMBOL SCHEDULE