MacOS小程序安装 Vant Weapp组件

1. 安装前的准备:

需要nodejs环境,安装地址: nodejs
如果已经安装,检查版本,如果是正常的就可以

npm -v
node -v

2.安装Vant Weapp

步骤如下:

1. 创建工程;
2. cd到工程目录;
3. 终端 npm init;
4. 终端 npm install;
5. 终端 npm i @vant/weapp -S --production;
6. 关闭工程,重启;
7. 配置app.json ,将 app.json 中的 "style": "v2" 去除;
8. project.config.json文件中添加如下代码:

,
    "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./miniprogram/"
      }
    ]

9. 终端执行 npm i tdesign-miniprogram -S --production
10. 项目中工具 -->构建npm;
11. 确保你的代码的文件的层级关系;miniprogram_npm是miniprogram下面的文件夹

小程序vant