直接使用npm

第一步 初始化

在终端输入npm -init-y

第二步安装VantWeapp

在终端输入 npm i @vant/weapp
注意：版本更新时，自行查看小程序官方文档如何安装

第三步

在左上角的工具中找到构建npm点击 ![b76f725f896049cee745a8e7f10cf48.png](p6-juejin.byteimg.com/tos-cn-i-k3… 当页面出现以下提示以及文件时，表示搭建成功

结合Vant Weapp自定义npm

第一步 新建一个project项目

第二步

1、在项目中创建一个miniprogram 并将components、pages、sitemap.json、app.js、app.xsml、app.wxss、app.json移入miniprogram

第三步 初始化

在project.config.json中添加配置

{
    "compileType": "miniprogram",
    "miniprogramRoot": "miniprogram/"
}

点击.eslintrc.js右键在内部终端打开输入npm init-y
出现以下结果成功安装

第四步

1、在终端输入 npm i @vant/weapp
注意：版本更新时，自行查看小程序官方文档如何安装 package.json

2、在project.config.json中添加配置

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

构建npm

在左上角的工具中找到构建npm点击 当页面出现以下提示以及文件时，表示搭建成功