Electron-vue开发实战0——Electron-vue入门

前言

前段时间,我用electron-vue开发了一款跨平台(目前支持Mac和Windows)的免费开源的图床上传应用——PicGo,在开发过程中踩了不少的坑,不仅来自应用的业务逻辑本身,也来自electron本身。在开发这个应用过程中,我学了不少的东西。因为我也是从0开始学习electron,所以很多经历应该也能给初学、想学electron开发的同学们一些启发和指示。故而写一份Electron的开发实战经历,用最贴近实际工程项目开发的角度来阐述。希望能帮助到大家。

预计将会从几篇系列文章或方面来展开:

  1. electron-vue入门
  2. Main进程和Renderer进程的简单开发
  3. 引入基于Lodash的json database——lowdb
  4. 跨平台的一些兼容措施
  5. 通过CI发布以及更新的方式
  6. …(想到再写)

说明

PicGo是采用electron-vue开发的,所以如果你会vue,那么跟着一起来学习将会比较快。如果你的技术栈是其他的诸如reactangular,那么纯按照本教程虽然在render端(可以理解为页面)的构建可能学习到的东西不多,不过在main端(electron的主进程)应该还是能学习到相应的知识的。

阅读更多
2017小结

年末了,赶着刚考完两门考试,在最后4门考试来临之前抽空写一下今年的小结。

阅读更多
一周一部好电影IV【WEEK186 一级恐惧】

2017-12-17 WEEK186 一级恐惧

一级恐惧——————————————Primal Fear
一级恐惧

阅读更多
PicGo——一个基于Electron的图片上传+简单管理的工具

前言

作为一个比较常用markdown写文章、博客的人,在markdown里插入图片对我而言一直一个比较繁琐的活。以前每周写电影推荐的时候,我要在markdown里插入一张电影海报,我需要如下的操作:

  1. 打开豆瓣的网站,选一张满意的海报,下载
  2. 打开七牛的网站,登录,点点点,找到上传,上传
  3. 关闭上传窗口,找到地址,复制地址,再关闭七牛
  4. 粘贴到markdown里

每次都需要繁琐的打开网页进行一些必要而枯燥的操作。这样很麻烦。在用过mac上一款很不错的小工具应用iPic后我非常喜欢它的简洁操作。不过它免费版本并不支持七牛图床。所以我就想着,能不能自己写一个类似的工具呢?结合自己的使用习惯再顺便加点功能。

于是我就开始自己的图片上传工具的开发了。它叫做PicGo

阅读更多
全栈测试实战:用Jest测试Vue+Koa全栈应用

前言

今年一月份的时候我写了一个Vue+Koa的全栈应用,以及相应的配套教程,得到了很多的好评。同时我也在和读者交流的过程中不断认识到不足和缺点,于是也对此进行了不断的更新和完善。本次带来的完善是加入和完整的前后端测试。相信对于很多学习前端的朋友来说,测试这个东西似乎是个熟悉的陌生人。你听过,但是你未必做过。如果你对前端(以及nodejs端)测试很熟悉,那么本文的帮助可能不大,不过我很希望能得到你们提出的宝贵意见!

阅读更多
把你的github操作从ssh转成https

从10月24日开始,由于总所周知的原因,某些地区一些运营商的网络环境下已经无法通过ssh的方式对一些国外服务器进行操作。很不幸github也因此被误杀。这对于广大程序猿来说,简直是一大噩耗。不过我发现通过https的方式还是可以对github进行操作的。毕竟技术是无罪的,不管怎么样,github总是要用的。所以可以将现有的ssh方式改成https。

阅读更多
Hexo主题开发经验杂谈

前言

之前学前端的初衷就是为了让自己的个人博客好看点。Hexo主题如今很大概率你能够看到Next主题以及它的一些个人修改、衍生版本。我记得去年在看一篇Hexo主题开发指南的时候,有句话对我感触很深:

当你看到你用的主题出现在两个以上的博客的时候,那你就要考虑自己写一个了。

懒癌晚期的自己以及毕业设计等等事情的拖延,终于在最近完成了自己的Hexo主题——Melody

本文将讲述如何制作一个Hexo主题,以及在制作过程中的一些坑和一些经验。

在我主题制作过程中,Next主题以及其他一些优秀的前端博客例如Hux,对我帮助和启发很大,再次感谢

阅读更多