小程序 | 使用 npm 模块配置 Vant Weapp 框架
之前体验了 iView 的UI框架，感觉还可以主要是因为在开发体验上比原生敲代码好很多，不过 iView 框架可利用的组件较少，比如搜索框的组件等并未涉及，而且已有的组件也存在一些需要自行生硬的修改才能实现的问题（也可能是自己有点儿菜没掌握精髓），不过总的来说还是蛮不错的，继 iView 之后，最近新体验了一下 Vant UI 框架，新学习了 npm 模块配置框架，体验感有所上升，也不辜负CV操作之后学到了新东西。
这篇文章主要记录使用 npm 模块配置 Vant UI 框架
文章目录
- 1.使用cmd命令打开小程序文件根目录
- 2.分别输入命令（共三步）
- 3.在微信开发者工具中操作
- 4.构建 npm
- 5.完成构建
- 参考文档
1.使用cmd命令打开小程序文件根目录
2.分别输入命令（共三步）
2.1 初始化
npm init
2.2 配置安装Vant Weapp
npm i @vant/weapp -S --production
npm i vant-weapp -S --production
3.在微信开发者工具中操作
cmd命令行操作完成后会发现小程序文件中新增加了一个node_modules，选中此文件夹，然后选择“使用 npm 模块”
4.构建 npm
旧版本微信开发者工具按下图操作直接构建完成即可：
旧版本微信开发者工具构建安装 Vant Weapp 需要先配置下图的文件内容（可查看Vant Weapp 官方文档）
5.完成构建
参考文档
Vant Weapp 官方文档
小程序 | 使用 npm 模块配置 Vant Weapp 框架相关推荐
- 原生微信小程序引入npm和安装Vant Weapp
目录 一.引入npm+安装Vant Weapp 1.引入npm 2.安装Vant Weapp 3.修改 app.json 4.修改 project.config.json 二.构建npm 一.引入np ...
- 筱筱看博客（微信小程序、Lin-ui组件、vant Weapp）
今日分享 1.微信小程序 我是使用微信开发者工具做的小demo.首先呢!我写了一个简单的for.点击事件. for 循环.点击的事件小demo. for 循环的案列,如下: 点击事件的案列,如下: 2 ...
- 小程序引入第三方组件库Vant Weapp
最近在看小程序中引入第三方组件相关知识,在引入过程中一直出现各种问题和报错最终终于成功暗中使用:以下为 npm安装的步骤及安装过程中可能的报错和小编认为的原因. vant-weapp中文文档:http ...
- 【微信小程序】原生微信小程序ts模板下引入vant weapp
之前一直是在普通项目下使用 vant weapp,这不最近学了ts,使用微信开发工具的ts+less初始化项目,再引入 vant 时踩了好久坑,特来记录一下 前言 本文章适合微信开发工具的ts项目,指 ...
- 小程序动端组件库Vant Weapp教程
Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用 两大参考神兽: 文档:https://youzan.g ...
- vant weapp 下拉_小程序动端组件库Vant Weapp的使用
Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用 两大参考神兽: 1:桌面新建一个vant文件夹 2:打 ...
- 微信小程序的npm使用心得
研究小程序的npm没多久,也就是稍微花了点时间研究了下,并记录一下我的理解和心得,有疏漏的地方,望各位指教. 首先,这里介绍的只囊括了如何使用npm,以及小程序npm基本的模块加载原理(没有太深入), ...
- 微信小程序 五 npm 包 、安装 vant组件、promise组件、全局数据共享、 分包！！！、自定义 tabBar 案例
总结 能够知道如何安装和配置 vant-weapp 组件库 参考 Vant 的官方文档 能够知道如何使用 MobX 实现全局数据共享 安装包.创建 Store.参考官方文档进行使用 能够知道如何对小程 ...
- 设置微信小程序支持npm（解决微信小程序npm构建时提示“没有找到可以构建的NPM包，请确认需要参与构建的npm都在miniprogramroot目录内，或配置project...”错误）的方法
提示:通过微信开发者工具创建小程序工程后,默认是不开启npm的,需要修改小程序npm配置参数,否则将会提示"没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 minipro ...
最新文章
- Python：处理一些格式规范的文字
- 分享一个电视节目API接口PHP调用代码
- flutter中state详解
- boost::hana::make_optional用法的测试程序
- java 马士兵 io 代码分析_学习笔记-马士兵java- （IO初步）流
- IOS - 快速入门
- 经典ICP算法的问题
- 浅析Unity 坐标系
- cameraman matlab 自带图,[转载]【MATLAB】MATLAB的自带数据及可生成数据的函数——图片形式...
- 一文解读聚类中的两种流行算法
- iScroll5 API速查随记
- python 图像压缩pca_在Python中使用K-Means聚类和PCA主成分分析进行图像压缩
- Winform程序在VS中打包成安装程序(带卸载)
- 【UBB】UBB代码简介
- 机刷实名认证软件_代刷网已上架抖音代实名认证和抖音音乐人认证
- SqlServer 对象名无效的解决方法
- 核心单词Word List 9
- go语言循环基础练习
- 搞笑的谷歌 还冠冕堂皇！
- 电子设计大赛-微电网模拟系统