WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。

WeUI 是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

使用

方法一:
使用bower进行安装

bower install --save weui

方法二:
使用npm进行安装

npm install --save weui

开发

git clone GitHub - Tencent/weui: A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.
cd weui
npm install -g gulp
npm install
gulp -ws

运行gulp -ws命令,会监听src目录下所有文件的变更,并且默认会在8080端口启动服务器,然后在浏览器打开http://localhost:8080/example。

手机预览

请用微信扫码

WeUI

注意:

如果你的node.js版本为10以上,在执行 gulp -ws 的时候可能会出现这个错误:

primordials is not defined

所以通过nvm降低node.js版本,

nvm下载地址:Releases · coreybutler/nvm-windows · GitHub

这个为安装版

下载之后安装nvm

nvm安装之后还需要配置两个环境变量(NVM_HOME,NVM_SYMLINK) 。安装包应该会自动写入环境变量,可以忽略.

安装完成后打开命令栏, 输入 nvm version命令, 如果成功打印版本号,说明你已经安装成功了

nvm list 查看你的node版本列表,带*号为你当前选中版本

nvm list availabe 查看可下载的node版本

nvm install 10.15.0 下载你想要的版本

nvm use 10.15.0  切换版本

weui 使用教程及问题解决方法相关推荐

  1. python数据库安装教程_python MySQLdb Windows下安装教程及问题解决方法

    使用python访问mysql,需要一系列安装 linux下MySQLdb安装见 Python MySQLdb在Linux下的快速安装 https://www.jb51.net/article/657 ...

  2. pdo_mysql 必须 ×未安装_php pdo_mysql未安装问题解决方法_PHP教程 | 蒲公英网

    摘要 php pdo_mysql未安装问题解决方法.未安装pdo_mysql使用时会提示pdo_mysql 必须支持 请检查 pdo_mysql 模块是否正确加载了,安装方法很简单下面我来看看. 解决 ...

  3. DKhadoop安装配置教程与常见问题解决方法

    上周分别就DKHadoop的安装准备工作以及服务器操作系统配置写了两篇分享的文章,这是个人第一次尝试写一个系统性的分享文章,必然会有很多疏漏的地方,还望见谅吧.今天分享的是DKHadoop安装以及常见 ...

  4. php post 丢失,php post大量数据时发现数据丢失问题解决方法,post数据丢失_PHP教程...

    php post大量数据时发现数据丢失问题解决方法,post数据丢失 解决办法: 在php.ini中将max_input_vars调大改为5000就可以了 原因追查: from的enctype=&qu ...

  5. jump大乱斗维护服务器,Jump大乱斗常见问题解决方法_Jump大乱斗常见问题解决及按键设置方法_飞翔教程...

    Jump大乱斗常见问题解决方法分享,本作是一款经典漫画人物乱斗游戏,一些玩家进游戏遇到的各种问题,接下来52z飞翔下载小编给大家带来Jump大乱斗常见问题及按键设置方法. 进入游戏可能碰到的问题 点确 ...

  6. php面试 猴子大王,php猴子选大王问题解决方法,猴子大王_PHP教程

    php猴子选大王问题解决方法,猴子大王 本文实例讲述了php猴子选大王问题解决方法.分享给大家供大家参考.具体分析如下: 问题描述: 一群猴子排成一圈,按1,2,...,n依次编号.然后从第1只开始数 ...

  7. 高版本android怎么玩低版本游戏,手机玩安卓系统安装变态版手游常见问题解决方法_android游戏安装教程详解...

    有小伙伴表示在下载安装手机玩游戏盒子的提供的变态游戏过程中会遇到"无法安装"."未知来源"."具有安全隐患"等问题,为了帮助大家解决这一问题 ...

  8. DNS 域名解析教程和常见问题解决方法汇总

    注:局域网与域名系统是相互独立的,如电信的局域网,可以通过联通的域名系统DNS配置进行上网,从而避免联通DNS异常导致无法上网. 前言 域名解析可以说是在网站搭建过程中的一个非常重要的环节了! 虽然在 ...

  9. python读取中文文件乱码-详解Python的json文件读取及中文乱码显示问题解决方法...

    Python的json文件读取及解决中文乱码显示问题 本文实例讲述了Python实现的json文件读取及中文乱码显示问题解决方法.分享给大家供大家参考,具体如下: city.json文件的内容如下: ...

最新文章

  1. 填个小坑,Vue不支持IE8及以下,跨域ajax不支持IE9
  2. Get Started with Visualforce
  3. memcache mysql 同步_memcache与mysql数据库同步
  4. AtCoder AGC043D Merge Triplets (DP、组合计数)
  5. SAP Spartacus B2B User list页面的数据加载逻辑
  6. 【loj6191】「美团 CodeM 复赛」配对游戏 概率期望dp
  7. Python自由职业可以做什么?副业月入3000的快乐你根本想象不到
  8. Spring Boot笔记-发送纯字符串邮件及带附件邮件
  9. HDU 1286 找新朋友 (欧拉函数)
  10. c 调用matlab.m文件,ubuntu系统下C++调用matlab程序的方法详解
  11. 【渝粤教育】国家开放大学2018年春季 0248-21T电工电子技术 参考试题
  12. B站又出事了,遭几大平台联合谴责
  13. NLPIR系统的中文语义分析模式介绍
  14. 图(一)| BFS与DFS算法 - Python实现
  15. 小学计算机老师实习报告,精选信息技术教师实习报告3篇
  16. 万能五笔输入法弹窗_万能五笔输入法的广告怎么关闭
  17. html5 拉弓,瞄准 拉弓 射出梦想
  18. CentOS/使用RPM管理包
  19. 饥荒机器人雷击_饥荒机器人怎么被雷劈
  20. 【解锁技能】学会Python条件语句的终极指南!

热门文章

  1. 2022司钻(钻井)考试题库及在线模拟考试
  2. itop4412上移植360WiFi 二代AP模式
  3. PAT 甲级常见单词整理
  4. 离谱!接私活被公司开除。。
  5. word中空格键编程删除键
  6. 【故障诊断】cv2.imwrite无法写入图片,但程序就是不报错
  7. 看对英语兴趣小组的总结有感
  8. WIN7封装教程2018系列(一)—虚拟机与母盘安装
  9. Power bi 3.16 树形图
  10. dnf过年服务器维护否,关于DNF春节期间各服务器喇叭价格走低的吐槽