先上图,觉得好看的,从github拿源码吧~

github地址 :https://github.com/michaelxuzhi/oneNiceUIPage

说明:如何将项目run起来,步骤:
参考1: electron的安装教程
参考2:electron打包失败解决
- 步骤一:因为要用到electron,国内下载的速度巨慢,所以用国内镜像成功率较高,推荐使用:淘宝镜像,切换方式:npm install -g cnpm --registry=https://registry.npm.taobao.org
- 步骤二:依赖的安装:因为我们切换了包管理源,所以cnpm install 代替了原本的npm install ,执行cnpm i
- 步骤三:(网页版)等待依赖完成,执行 npm run serve 项目跑起来
- 步骤三:(客户端版)等待依赖完成,执行 npm run electron:serve 项目跑起来

在这里插入图片描述
在这里插入图片描述

执行 npm i 之后,由于我添加了electron-builder,所以此项目可以build成网页版,也可以build成桌面应用。

后续会补充完善成全响应式布局,并适当添加功能。敬请期待!

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐