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

【微信小程序】导入项目

1.在微信开发工具中,点击【导入项目】

在这里插入图片描述

2.在打开的界面中执行2个步骤

  • 1.找到要导入项目的路径
  • 2.AppID要改成自己的AppID
    在这里插入图片描述

3.package.json包初始化【装包之前要确保有package.json文件】

  • 1.在【资源管理器】空白处,点击鼠标右键,选择【】,这样就可在项目文件夹下打开cmd
    在这里插入图片描述
  • 执行命令npm init -y,生成package.json文件
    在这里插入图片描述

4.安装指定版本号的Vant Weapp包

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

指定版本号执行下面命令: 在@vant/weapp后面添加 @+版本号 例如:@1.3.3

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

在这里插入图片描述

5.修改 app.json

在这里插入图片描述
去除,意味着,我们不使用新版的样式,防止样式冲突
在这里插入图片描述

6.构建 npm 包

在这里插入图片描述
在这里插入图片描述

7.使用Vant组件

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
button按钮使用频繁,可以在app.json文件中全局注册,任意页面就可以直接使用

// 通过 npm 安装
// app.json
"usingComponents": {"van-button": "@vant/weapp/button/index"
}

在这里插入图片描述


http://www.mrgr.cn/news/12220.html

相关文章:

  • AJAX(4)——XMLHttpRequest
  • C语言程序设计-联系篇
  • Mybatis框架基础
  • OpenCV入门12.2:SURF与SIFT比较及SURF示例
  • 如何在没有屏幕时间密码或 Apple ID 的情况下重置 iPhone
  • 【Tomcat】Tomcat10部署war包无法启动
  • 鸿蒙(API 12 Beta3版)【使用AVScreenCapture录屏取原始码流(C/C++)】视频播放与录制
  • 手写题之链式调用
  • 全方位解析红鲸音视频会议SDK助力系统功能集成
  • 作业0827
  • 搭建ELK-Filebeat采集系统日志
  • 使用SparkGraphX进行图计算时的编码问题
  • 如何完美实现 Go 服务的平滑升级
  • 8. 为什么 Java 中 HashMap 的默认负载因子是 0.75?
  • Unity 离线文档快速访问处理文件
  • 高效能低延迟:EasyCVR平台WebRTC支持H.265在远程监控中的优势
  • Java-List分批多线程执行
  • ModBus RTU、ModBus ASCII、ModBus TCP,它们有什么区别?
  • 算法训练营|图论第二天 99.岛屿数量 100.岛屿的最大面积
  • 【北森-注册安全分析报告-无验证方式导致安全隐患】