【微信小程序】导入项目

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"
}
相关推荐
2501_9160088914 分钟前
苹果上架工具怎么选 不用 Mac 上架 App Store 的几种方案
android·macos·ios·小程序·uni-app·iphone·webview
万亿少女的梦1685 小时前
基于微信小程序、Spring Boot与Vue3的智慧养老管理系统设计与实现
spring boot·redis·微信小程序·mybatis·vue3
万岳科技系统开发5 小时前
智慧医院小程序开发满足医疗机构多场景服务需求
数据库·学习·小程序
硬核科技牛6 小时前
AI生成的小程序,数据能导出换平台吗
小程序·apache
alxraves1 天前
零代码AI助手:用大模型自动生成微信小程序界面与逻辑
人工智能·微信小程序·notepad++
秃头披风侠_郑1 天前
【uniapp】一文让你学会微信小程序+APP+H5全平台实战指南
前端·微信小程序·uni-app
mykj15511 天前
不止简单下单,代驾小程序系统打造完整智慧出行服务
小程序·代驾小程序开发·代驾小程序定制·代驾app软件
從南走到北1 天前
JAVA无人共享系统无人场馆预约篮球系统源码支持小程序+公众号+APP+H5
java·开发语言·小程序
码农学院1 天前
基于小程序云开发与Node.js的餐饮行业AI优化方案:智能推荐与订单预测实战
人工智能·小程序·node.js
爱勇宝2 天前
一个家庭成长小程序的 MVP 复盘:看到用户在用我很欣慰
微信小程序·产品·设计