微信小程序发布 WeUI.js 视觉组件库(安装坑解)

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。

包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。


微信小程序发布 WeUI.js 视觉组件库(安装坑解)_第1张图片

github地址:

https://github.com/weui/weui.js   (用微信扫描里面的二维码体验)


( https://github.com/weui/weui  

https://github.com/weui/weui-wxss/ 

https://github.com/weui/weui/wiki )


本人是 Mac本,gitclone本地后,

执行"npm install" 提示 错误

"npm: command not found"

Google了一下有些很多解决方式有说  "curl -L http://npmjs.org/install.sh | sudo sh" ;我试了下没啥用;

最终解决办法是:需要下载安装 Node.js;

官网:https://nodejs.org/en/

坑又来了,即使我电脑翻墙了但还是下载不动;

最终 请教公司前端牛人分享给我了一个国内淘宝镜像

http://npm.taobao.org/mirrors/node

我现在最新低 v7.2.1点进去下载就好了

http://npm.taobao.org/mirrors/node/v7.2.1/


微信小程序发布 WeUI.js 视觉组件库(安装坑解)_第2张图片

继续执行: npm install (我这里执行了近20分钟才结束 ,结束后好像还有错误信息 but none was installed.我没有理会这个 继续执行的 下一条命令)

npm start

执行后会在浏览器自动打开 http://localhost:8001/

显示weui.js 预览页面


微信小程序发布 WeUI.js 视觉组件库(安装坑解)_第3张图片



你可能感兴趣的:(微信小程序发布 WeUI.js 视觉组件库(安装坑解))