小程序使用npm引入Weui组件库

摘要:
打开applet开发工具后,您可以在目录中看到package.json文件。

1.第一步,先要下载node.js,

2.先建立一个空的文件夹,然后用小程序开发工具打开之后,在下图指示中进入cmd,输入npm init,进行初始化,然后一路可以默认(enter)

小程序使用npm引入Weui组件库第1张

3.在一路默认后,就可以在目录中看到了package.json文件

小程序使用npm引入Weui组件库第2张

4.开始安装Weui组件库

npm install --save weui-miniprogram --production

安装完毕,如下图

小程序使用npm引入Weui组件库第3张

5.之后,点击小程序开发工具的工具--构建npm,构架完成后如下图

小程序使用npm引入Weui组件库第4张

6.点击小程序开发工具右上角详情--本地设置,勾选上使用npm模块

小程序使用npm引入Weui组件库第5张

7.在小程序app.wxss中引入样式文件(按照自己的路径引入)

@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
 
8.引入组件(以搜索组件为例)先要在需要这个组件的页面(或者在app.json中引入)的json文件中引入(以index.json为例)
参考小程序的文档:https://developers.weixin.qq.com/miniprogram/dev/extended/weui/search.html
小程序使用npm引入Weui组件库第6张
9.在所需页面引入组件即可(以index.wxml为例)
小程序使用npm引入Weui组件库第7张

免责声明:文章转载自《小程序使用npm引入Weui组件库》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Mysql主从同步的实现原理与配置实战Unity3D脚本中文系列教程(七)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

tmpfs使用探讨

一、 什么是tmpfs? tmpfs是一种基于内存的文件系统,它和虚拟磁盘ramdisk比较类似,但不完全相同,和ramdisk一样,tmpfs可以使用RAM,但它也可以使用swap分区来存储。 而且传统的ramdisk是个块设备,要用mkfs来格式化它,才能真正地使用它; ramdisk(中文名:虚拟内存盘,简称:RAM盘)是通过使用软件将RAM模拟当做...

asp.net 操作excel的一系列问题(未完待续)

最近在处理exel的一些东西,遇到了很多问题,现在就在此将问题和网上找到的解决办法 1.外部表不是预期格式错误    错误经过:在读取Excel时,出现外部表不是预期的格式 错误原因1: 由于Excel 97-2003的连接格式与Excel 2010 的 不同造成。 以下是从网上摘抄原文 Excel “External table is not i...

MAC 上找不到.bash_profile或者ect/profile该怎么办?

     开发Android的环境要重新在Mac上搭建,结果在配置环境变量时找不到.bash_profile文件。查过很多资料解决方案都很笼统,结果还是在英文网站上找到解决方法。 1. 启动终端Terminal 2. 进入当前用户的home目录     输入cd ~ 3. 创建.bash_profile     输入touch .bash_profi...

Linux编译安装安Python3.7/3.8出现_ssl模块错误| python运行ssl模块出现ModuleNotFoundError

背景: 今天在Linux上使用paramiko模块的时候,出现了错误:ModuleNotFoundError:No module name '_ssl',但是我的系统是安装了openssl的1.0.1的,查了网络上的信息发现,Python3.7以后的版本,需要openssl1.0.2+,或者Libressl2.6.4+。 按照网络上的方法,安装了opens...

React组件中对子组件children进行加强

React组件中对子组件children进行加强 问题 如何对组件的children进行加强,如:添加属性、绑定事件,而不是使用<div>{this.props.children}</div>在<div>上进行处理。 前车之鉴 今天写组件遇到这个问题,在网上查阅了很多资料,都说可以使用React.cloneElement...

Docker容器日志查看与清理(亲测有效)

 https://blog.csdn.net/yjk13703623757/article/details/80283729 1. 问题 docker容器日志导致主机磁盘空间满了。docker logs -f container_name噼里啪啦一大堆,很占用空间,不用的日志可以清理掉了。  2. 解决方法 2.1 找出Docker容器日志 在...