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

1、使用小程序IDE创建一个空白项目;

 

2、在终端打开新创建的项目,在该目录下使用npm 指令  :npm init

 

 3、使用npm 指令:npm install --save weui-miniprogram --production

 

 

执行完该命令后,目录下出现以下文件

 

 4、回到小程序IDE,找到IDE里 顶部菜单 工具  构建npm

 

 5、继续在IDE里,右上角  详情 勾选上 使用npm 模块

 

 

6、在小程序根目录下的,在app.wxss 引入 weui的样式

 

 

7、在页面目录 的json文件中加入需要使用的组件 

 

 

8、在页面目录  wxml 中使用刚引入的组件

 

 

 

9、效果

 

posted @ 2020-04-10 16:12  w1433189426  阅读(1328)  评论(0编辑  收藏  举报