1,使用Electron+Vue构建桌面程序得初衷。
因为构建桌面程序,可以使得项目无需在服务器部署服务,如同我们经常使用得桌面程序一样直接双击打开使用。同时对于前端人员来说,可以直接使用javascript得标准来编写桌面程序,无需使用微软的技术栈(C#写的我脑瓜子疼…)。使得javascript的用途更加广泛了。好,废话不多说…
2,构建程序框架所需环境
- Nodejs(是不是发现了…只要前端相关,都离不开它)
对于熟悉前端的都已经不陌生了…
总之优点一大堆…
Node.js 是基于chromeV8的js运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型(高效/轻量)
Node.js 有全球最大的开源库生态系统(包管理npm)等等…
这个…Nodejs下载安装就自行解决吧(尽量使用稳定版)…没什么特别的地方。 - Electron
我们今天主角Electron:electron也是主要基于Chromium 和 Node.js这哥俩,你能写HTML/CSS/Javasript构建你想要的应用。而且,他呢还能够跨平台,现在主流的平台windows/macos/Linux都没问题。
如果还不能理解那么就把他想成是一个浏览器。
PS:VS Code就是使用这个写出来的。
3,正式开始构建
我们使用SimulatedGREG/electron-vue里面介绍的方式来构建。
首先通过npm