先上图,觉得好看的,从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成桌面应用。
后续会补充完善成全响应式布局,并适当添加功能。敬请期待!
版权声明:本文为michaelxuzhi___原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。