electron

https://www.cnblogs.com/buzhiqianduan/p/7620099.html

npm命令安装electron库

npm install electron --save-dev --save-exact

如何快速上手electron

刚接触一个新东西，难免一头雾水，如果多看一点相关的文章势必会有一个方向感，去更好的上手新东西。上手electron，官方提供了一个非常好的快速上手实例。

git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start

这个仓库给我们初始化了一个electron项目，结构非常纯净，克隆下来你就可以直接改造成自己的项目。

API

https://www.w3cschool.cn/electronmanual/

项目开发打包工具

这里推荐devtron 和 electron-builder 2个开发工具，配置简单，功能强大。这里不详细介绍工具的使用。官方都有非常好的文档。

传送门： devtron (opens new window)

传送门： electron-builder (opens new window)

社区还有很多好用的工具，可以自行查阅，选择使用。

传送门：community (opens new window)

ps： electron打包的时候需要下载一个版本库，速度会非常慢，可以通过淘宝镜像源解决

>就是在你的命令前加ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/及空格

$ ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ npm run build

Electron介绍差不多就到这里，框架有了。然而一大堆配置头都晕了，从0-1非常困难，我们不妨从1到0，可以先找个模版做个小demo感受一下electron的魅力，在做项目中学习electron。

传送门： react模版 (opens new window)

传送门： vue模版 (opens new window)

electron-vue经验分享

官方文档中作者提供了很多对开发有用的东西，我推荐学习的同学都通读一遍

传送门： electron-vue文档 (opens new window)

electron-vue，作者为我们封装好了一个基于vue框架的脚手架，包括electron所有基本的开发构建工具 和vue配套的请求，路由以及vuex等插件。 通过脚手架我们可以直接进入开发阶段，开发的同时，去了解electron的工作机制，之后再开始深入去理解她更深层次的代码逻辑。 先走形，再走心。