vuejs electron webpack集成使用

传统的vue SPA页面在浏览器环境中使用，可是有的时候咱们还但愿可以作成一个相似于桌面的app在PC上使用，但愿不只可使用全部的浏览器SPA的功能，你也可能外加host os的功能，好比文件的本地保存，离线使用等。这时，electron就是一个很好的备选方案。electron自己集成了一个chrome核心的浏览器以及nodejs server模块，既可使用已有的web技术栈，又能借助electron的跨平台能力，从而实现cross-platform的原生app。

做为开发者，还有一个痛点就是对不一样的平台android, ios, windows pc, mac pc, linux pc分别要开发不一样的代码，如何可以实现一篇代码在不一样device上使用呢？

一个思路是使用微信的小程序，小程序内嵌在微信中，使用web开发技能来构建小程序，因为微信自己是跨平台的，支持各类不一样的mobile操做系统，一样也支持pc版本，所以能够做为一个很好的思路去尝试。可是问题在于微信自己是一个封闭的生态，小程序开发虽然解决了开发者部分痛点，可是带来新的痛点：必须依照微信定义的简陋的开发规范，几乎什么都要本身去搭，没法使用巨大的开源力量。

另一个思路就是使用阿里开源weex，weex专门用于解决开发人员的痛点：实现一份代码，在不一样的os上运行，基于vuejs的组件式开发，可以大大提升开发的效率。可是貌似PC版本没法支持，可是这个问题应该能够经过一样聚焦于web开发跨平台应用的electron来解决

https://weex.apache.org/cn/guide/index.html

https://github.com/SimulatedGREG/electron-vue

https://www.gitbook.com/book/simulatedgreg/electron-vue/details/cn

https://coligo.io/bookmarking-app-electron-vuejs-firebase/