微信小程序npm引用ui框架

第一步：创建新的小程序，win+R 输入cmd命令，进入小程序所在文件夹

第二步：在小程序根目录下输入 npm init 进行初始化

成功之后，会多一个package.json的文件

第三步：接着执行两行命令

1、npm install --production

2、npm i @vant/weapp -S --production

执行完这两行命令之后，出现新的文件夹

第四步：构建 npm 包

打开微信开发者工具，点击 工具 -> 构建 npm，并点击详情，勾选 使用 npm 模块 选项，构建完成后，即可引入组件

第五步：全局引入组件app.son

在应用页面引用标签

渲染出来的页面如下

OK。。。

微信小程序npm引用ui框架相关推荐

微信小程序之第三方UI框架 zanui 使用教程
ZanUI-WeApp是有赞移动 Web UI 规范 ZanUI 的小程序现实版本,结合了微信的视觉规范,为用户提供更加统一的使用感受. 现已包含 badge.btn.card.cell.dialog ...
微信小程序 - Vant weapp UI 框架环境搭建详细教程（Window）
前言强烈推荐您打开官方文档,对照着本教程一起对比搭建坏境. 自从 2022 年开始,小程序做了很多改变和升级, 导致网上很多搭建教程文章的教程失效了,本文来做最新的教程. 第一步为了更贴合新手, ...
微信小程序之官方UI框架 iView UI使用教程
这是 iView 官方的小程序可以关注看看接着开始正题 https://github.com/TalkingData/iview-weapp 到 GitHub 下载 iView Weapp 的 ...
微信小程序uni-app前端应用框架和HBuilderX工具使用及Git管理项目
微信小程序uni-app前端应用框架和HBuilderX工具使用及Git管理项目官方地址:https://uniapp.dcloud.io/ 1.起步 1.1.简介 uni-app 是一个使用 Vu ...
微信小程序引入 Vant UI
微信小程序引入 Vant UI 一. 安装 # 通过 npm 安装 npm i @vant/weapp -S --production# 通过 yarn 安装 yarn add @vant/weapp ...
微信小程序引入Vant UI
微信小程序引入Vant UI 第一次导入Vant UI时,照着vant weapp 官网给的"快速上手"文章做的,结果出了几大错误,改了半小时才解决.下面将完整演示引入流程. 1. ...
微信小程序：简洁UI好玩的文字转换emoji表情
这是一款好玩的文字转换emoji的一款小程序支持自定义文字输入,支持随机切换,支持句子转换用emoji来做暗语啥的是不是很刺激,反正至于怎么玩就看各位的脑洞了这款小程序安装方法简单,无需服务器域 ...
微信小程序简易搭建之框架/组件库
微信小程序简易搭建之框架/组件库 Vant weapp 下面看看如何导入 https://github.com/youzan/vant-weapp 使用教程: 1.下载后找到dist 2. 在你的项目 ...
最新表白墙微信小程序源码+UI很唯美
正文: 最新表白墙微信小程序源码+UI唯美,后台数据库修改地址:/App/Common/Conf/config.php,其它的就没什么好介绍的了,有兴趣的自行去体验吧. 程序: wwmeu.lanzo ...
uniapp开发微信小程序，引用微信物理查询插件
使用uniapp开发微信小程序,引用微信官方提供的物流查询插件开发时遇到的问题: 项目内有两个分包都有使用物流查询插件,所以插件的引入只能放在manifest.json>mp-weixin里面 ...

微信小程序npm引用ui框架

微信小程序npm引用ui框架相关推荐

最新文章

热门文章