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"
}