小程序引入vant-weapp
小程序使用轻量、可靠的小程序 UI 组件库 vant-weapp
GitHub上的源代码资源：提供一个具体的链接地址https://github.com/youzan/vant-weapp用于访问有关vant-weapp项目的详细信息
vanth-wecss 提供了一个深入解析其核心机制的独特视角，并通过详细的代码分析展示了其优势与局限性。
vanth-wecss 提供了一个深入解析其核心机制的独特视角，并通过详细的代码分析展示了其优势与局限性。
1、创建一个新的项目，并启动微信开发者工具的应用程序；然后输入自己注册时所使用的 appId 以及项目的名称；最后决定避免采用云端服务方案。
2、在微信开发者工具中打开终端，进入当前项目根目录；
3、通过npm安装
第一步：npm init
第二步：npm install --production
第三步： npm i @vant/weapp -S --production
或者 npm i vant-weapp -S --production
注意：安装方式不同，在引用van-weapp方式也会有区别
使用 npm i vant-weapp -S --production安装
引入方式：在app.json或index.json中引入组件，需要使用这样的路径
{
"usingComponents": {
"van-button": "../../miniprogram_npm/vant-weapp/button/index"
}
}
使用 npm i @vant/weapp -S --production 安装
引入方式：在app.json或index.json中引入组件，需要使用这样的路径
{
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}
}
4、构建npm，点击工具里面 -->构建npm，在微信开发工具执行npm 构建，如下图；
构建完成后，在项目目录中会出现一个名为miniprogram_npm的文件夹；至此构建工作已完成；现在可以直接使用vant-weapp组件库进行开发；
0人点赞