脚本宝典收集整理的这篇文章主要介绍了使用 electron-vue 构建你的桌面应用,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
官网里这么说:Electron提供了一个Nodejs的运行时,专注于构建桌面应用,同时使用web页面来作为应用的GUI,你可以将其看作是一个由JavaScript控制的迷你版的chromium浏览器。
翻译一下:它是一个运行时,可以像 node 一样这样执行:electron app.js;也是一个使用 htML + css + javascript 构建跨平台原生桌面应用的框架。
本质上,electron 就是一个带了 Chrome 浏览器的壳子(无需考虑兼容性的问题)。
Electron用 web 页面作为它的 GUI,而不是绑定了 GUI 库的 JavaScript。它结合了 Chromium、Node.js 和用于调用操作系统本地功能的 @L_512_0@s(如打开文件窗口、通知、图标等)。
具有两个进程,分别是主进程,以及渲染进程。
主进程也就是 npm run start 出来的窗口,我们关心的,还是窗口里面的内容,即是渲染进程。
electron-vue 是一个结合 vue-cli 与 electron 的项目,主要避免了使用 vue 手动建立起 electron 应用程序,很方便。
我们需要做的仅仅是像平常初始化一个 vue-cli 项目一样
vue inIT simulatedgreg/electron-vue my-PRoject
就可以拥有一个 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的插件,如vue-router、vuex 等等的脚手架。
下图是我的 blog 结合 electron-vue 的目录:
src 里的 main,即是主进程,而我们需要关心的则仅有 renderer 渲染进程。( main 进程里,添加了常用菜单栏的功能)。
打包发布有两种方式:
上手很愉快的。
electron 中文文档: https://github.com/electron/e...
这有一个栗子:https://github.com/jkchao/vue... 。
以上是脚本宝典为你收集整理的使用 electron-vue 构建你的桌面应用全部内容,希望文章能够帮你解决使用 electron-vue 构建你的桌面应用所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。