uview——uniapp最优秀的UI框架

前几天黄河爱浪大神帮我解决了一个问题,我很感激,更钦佩大神的厉害。翻看大神的博客时,发现黄河爱浪大神参与了uview的组件开发。真的是好厉害,大神是造*的人,我是用*的人……

uview框架

uview官网链接:https://www.uviewui.com/
uview——uniapp最优秀的UI框架
这个首页有element-ui的感觉奥,大厂的感觉:

uview组件官网链接:https://www.uviewui.com/components/install.html

在查看官网时,发现了一个对应的商城平台:
vueshop商城平台链接:http://www.vueshop.com.cn/
uview——uniapp最优秀的UI框架
这个商城里面有uniapp一整套电商app的源码,可以直接下载。

下载后如下:
uview——uniapp最优秀的UI框架
先看一下app运行后的效果图吧:
uview——uniapp最优秀的UI框架
几乎涵盖了一个主流电商app的全部内容,比我之前公司做的还要精细。

于是我想运行一下本地看看源码:

第一步:导入到hbuilderX中

方法一:
uview——uniapp最优秀的UI框架
方法二:
uview——uniapp最优秀的UI框架

选择项目:
uview——uniapp最优秀的UI框架

第二步:尝试运行项目

uview——uniapp最优秀的UI框架
报错信息如下:
uview——uniapp最优秀的UI框架
根据错误信息,发现需要进行更新插件,而且node的版本太高了,我电脑上的版本是14版本,没有找到对应的node sass

下面一一解决:
根据提示,需要先进行 npm update进行更新:

1.打开控制台

uview——uniapp最优秀的UI框架

2.运行npm update

运行npm update之前,一定要注意路径,因为打开控制台展示的路径有可能不是你现在的项目,需要通过cd ..
的方式返回上一级目录,通过cd .\xxx的方式进入到某一个文件夹中。。
uview——uniapp最优秀的UI框架
更新的时间会很长,需要耐心等待:

安装完成后,再次进行编译,此处为方便,我是在浏览器中运行的:
uview——uniapp最优秀的UI框架
此时的报错信息已经只有node sass的问题了,而且报错信息中给出了解决办法:
根据报错提供的办法,在控制台中继续操作:
uview——uniapp最优秀的UI框架
再次进行浏览器运行:
uview——uniapp最优秀的UI框架
问题解决!
uview——uniapp最优秀的UI框架
其实,下载的源码中是有运行的解决办法的
如下:需要删除node-modules中的部分内容,重新安装,这个我测试过,按照文档提供的步骤运行还是有问题,我根据报错信息提供的解决方案,反而解决了……
uview——uniapp最优秀的UI框架

上一篇:uni-app小程序商城 (1)


下一篇:uni-app uView UI 扩展自定义图标