微信小程序项目使用npm安装vant-weapp的正确步骤

1、在当前小程序项目目录

npm init -y 构建npm项目

2、运行命令 npm install vant-weapp -S --production

安装完 发现在当前小程序目录下新增node_modules目录 下面有了vant-weapp组件文件夹 如下图：
在这里插入图片描述

3、详情里面：选中使用npm模块

4、进入微信开发工具：选择 工具 -> 构建npm

5、下面以引入button组件到某页面为例子：

在此页面的.json中配置

"usingComponents": {
    "van-button": "../../miniprogram_npm/vant-weapp/button/index"
  },

然后在此页码的wxml中

 <van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>

重新编译项目 发现 已经正常引用了！！
在这里插入图片描述

文章源自：
https://juejin.cn/post/6844904064828850189

# 微信小程序 # npm
GitHub 加速计划 / va / vant-weapp
17.63 K
3.47 K
下载
轻量、可靠的小程序 UI 组件库
最近提交(Master分支：2 个月前 )
d25ded55 Bumps [ws](https://github.com/websockets/ws) from 7.5.6 to 7.5.10. - [Release notes](https://github.com/websockets/ws/releases) - [Commits](https://github.com/websockets/ws/compare/7.5.6...7.5.10) --- updated-dependencies: - dependency-name: ws dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> 4 个月前
f6cb13ba 4 个月前
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

[转载]在Windows环境下安装GNU Radio

转自：在Windows环境下安装GNURadio_恐弱智_新浪博客GNU Radio是用Python开发的，大部分开源的工程能够在Linux环境下运行良好，而Windows下却运行的很勉强，而且安装配置都很复杂。GNU Radio算是个例外了，不光提供了Windows的二进制安装，还有比较详细的说明。我是Python小白，所以折腾了好久才弄好，特意记录下来，免得以后再装还折腾。GNU Radio的

avatar GitCode 开源社区

centOS 8 使用dnf安装Docker

DNF是什么？CentOS 8使用YUM软件包管理器版本v4.0.4。现在，该版本使用DNF(已删除YUM)。DNF是软件包管理器。它会在Linux发行版上安装，执行更新并删除软件包。使用DNF安装Docker跳过具有损坏依赖性的程序包一个有效的解决方案是使您的CentOS 8系统使用以下--nobest命令安装最符合条件的版本：sudo dnf install docker...

avatar GitCode 开源社区

定时同步数据库表(mysql+linux+crontab)

sync.sh里面的参数需要改变，ip/username/password/database/tablesync.sh#!/bin/sh# Please change the IP and password of the data source db.# Then change the table name.filename=/home/nington/db/$(date +%Y-%m

avatar GitCode 开源社区