【微信小程序】导入项目

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

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

  • 1.找到要导入项目的路径
  • 2.AppID要改成自己的AppID

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

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

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

ruby 复制代码
# 通过 npm 安装
npm i @vant/weapp -S --production

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

ruby 复制代码
# 通过 npm 安装
npm i @vant/weapp@1.3.3 -S --production

5.修改 app.json


去除,意味着,我们不使用新版的样式,防止样式冲突

6.构建 npm 包


7.使用Vant组件




button按钮使用频繁,可以在app.json文件中全局注册,任意页面就可以直接使用

ruby 复制代码
// 通过 npm 安装
// app.json
"usingComponents": {
  "van-button": "@vant/weapp/button/index"
}
相关推荐
weixin_lynhgworld6 小时前
旧物新生,从二手回收小程序开启绿色生活
小程序·生活·旧物回收
從南走到北7 小时前
智尚招聘求职小程序v1.0.23
微信小程序·小程序
2501_9159184111 小时前
掌握 iOS 26 App 运行状况,多工具协作下的监控策略
android·ios·小程序·https·uni-app·iphone·webview
知识分享小能手12 小时前
uni-app 入门学习教程,从入门到精通,uni-app基础扩展 —— 详细知识点与案例(3)
vue.js·学习·ui·微信小程序·小程序·uni-app·编程
2501_9159090614 小时前
iOS 混淆实战,多工具组合完成 IPA 混淆与加固(源码 + 成品 + 运维一体化方案)
android·运维·ios·小程序·uni-app·iphone·webview
狂团商城小师妹14 小时前
智尚房产中介小程序
微信小程序·小程序
狂团商城小师妹18 小时前
预约洗车小程序
微信小程序·小程序
future_studio18 小时前
聊聊 Unity(小白专享、C# 小程序 之 图片播放器)
unity·小程序·c#
Q_Q5110082851 天前
python+uniapp基于微信小程序的心理咨询信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
HuYi_code1 天前
WeChat 小程序下载文件实现
微信小程序·uni-app