【微信小程序】导入项目

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"
}
相关推荐
游戏开发爱好者814 小时前
苹果App Store应用程序上架方式全面指南
android·小程序·https·uni-app·iphone·webview
2501_9160088914 小时前
深入理解 iPhone 文件管理,从沙盒结构到开发调试的多工具协同实践
android·ios·小程序·https·uni-app·iphone·webview
说私域14 小时前
人口红利消退与疫情冲击下电商行业的转型路径探索——以开源链动2+1模式S2B2C商城小程序为例
小程序·开源
一室易安15 小时前
解决使用 UniApp 搭配 Vue3 小程序开始 使用uview-plus 的返回顶部up-back-top中onPageScroll 不触发的问题
小程序·uni-app
初願致夕霞15 小时前
C++文件压缩及解压缩小程序的实现
c++·小程序·apache
fengGer的bugs15 小时前
从零到一全栈开发 | 跑腿服务系统:小程序+Vue3+Node.js
小程序·node.js·全栈开发·跑腿服务系统
一室易安15 小时前
uniapp+vue3 微信小程序中 页面切换tab 页面滚动到指定锚点位置,滚动页面时候到达指定锚点位置吸顶tab 会自动进行切换
微信小程序·uni-app·notepad++
2501_9160074715 小时前
没有 Mac,如何在 Windows 上架 iOS 应用?一套可落地的工程方案
android·macos·ios·小程序·uni-app·iphone·webview
不想吃菠萝15 小时前
pc端微信小程序post传递data是字符串,自动加了双引号问题修改方案
微信小程序·小程序
宠友信息15 小时前
打造可持续增长的垂直社区:仿小红书平台功能体系与架构深度解析
java·微服务·微信小程序·springboot·uniapp