当前栏目
微信小程序开发实战(Npm包)
什么是 npm 包
说明:npm (node package manager)是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具,也是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,里面包含超过 600000 个 包的结构,能够使您轻松跟踪依赖项和版本 注册表(registry):是一个巨大的数据库,保存了每个包(package)的信息。 命令行工具 (CLI):通过命令行或终端运行。
使用 npm 包
小程序使用Npm包条件限制如 👇三点
① 不支持依赖于 Node.js 内置库的包
② 不支持依赖于浏览器内置对象的包
③ 不支持依赖于 C++ 插件的包
总结:虽然 npm 上的包有千千万,但是能供小程序使用的包却“为数不多”
使用 npm 包 - Vant Weapp
1、什么是 Vant Weapp
Vant Weapp 是有赞前端团队开源的一套小程序 UI 组件库,助力开发者快速搭建小程序应用。它所使用的是
MIT 开源许可协议,对商业使用比较友好。
官方文档地址 https://youzan.github.io/vant-weapp
2、安装 Vant 组件库
在小程序项目中,安装 Vant 组件库主要分为如下 3 步:
① 通过 npm 安装(建议指定版本为@1.3.3)
② 构建 npm 包
③ 修改 app.json
https://youzan.github.io/vant-weapp/#/quickstart
通过 npm 安装
npm i @vant/weapp -S --production
通过 yarn 安装
yarn add @vant/weapp --production
安装 0.x 版本
npm i vant-weapp -S --production
步骤四 构建 npm 包
打开微信开发者工具,点击 工具 -> 构建 npm,并勾选 使用 npm 模块 选项,构建完成后,即可引入组件。
3、使用 Vant 组件
安装完 Vant 组件库之后,可以在 app.json 的 usingComponents 节点中引入需要的组件,组件的使用可参考官方文档 简单的按钮类型如 👇
1、配置
按钮频繁使用 👉 全局配置 如👇
"usingComponents": { "van-button": "@vant/weapp/button/index" }
2、使用
最后
下篇文章再见ヾ( ̄▽ ̄)ByeBye
相关文章
- 全新的 AWS 控制台主页体验
- http www.java.xs_java 实现Http请求
- 在中国区 AWS 上使用 Amplify 开发离线应用的使用心得
- Java NIO学习笔记(一)Java NIO 概述
- Java GUI编程
- 手把手教你玩转 Kubeflow on EKS(三)
- Amazon EKS 集群升级指南
- 宣布推出 AWS IoT Greengrass 2.0 – 拥有开源边缘运行时和新的开发人员功能
- Java ServletContext 详解
- 构建自定义 Angular 应用程序以使用 Amazon SageMaker Ground Truth 标记作业
- 用于 Kubeflow Pipelines 的 Amazon SageMaker Components 介绍
- Java NIO 概述
- 开始使用开源 Web 会议解决方案 Jitsi
- Java NIO概述
- python3 requests简介
- 使用 EC2 Image Builder 实现 OS 映像构建管道自动化
- python3 xml模块
- 如何在 AWS 上构建并行文件系统 BeeGFS
- Python XML解析
- Java Script变量