electron结合JAVAweb_桌面应用之electron开发与转换

最新推荐文章于 2024-09-13 21:44:44 发布

weixin_39627699

最新推荐文章于 2024-09-13 21:44:44 发布

阅读量2.9k

点赞数

文章标签： electron结合JAVAweb

本文链接：https://blog.csdn.net/weixin_39627699/article/details/111750090

版权

本文介绍了如何使用Electron和Vue.js开发跨平台桌面应用。首先，概述了Electron、Node.js和electron-vue的基本概念。接着，详细步骤演示了如何基于node.js从零开始搭建Electron应用，包括配置静态资源、安装打包工具和打包应用。此外，还展示了使用electron-vue快速创建项目并运行的方法，以及如何通过nativefier将web应用转化为桌面应用。

摘要由CSDN通过智能技术生成

桌面应用之electron开发与转换

一,介绍与需求

1.1,介绍

1. Electron简介

Electron是用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。目前，Electron已被Microsoft、Facebook、Slack和 Docker等大厂接受，应用涉及开发工具、社交应用、音乐、游戏、金融等领域。

2. Node.js简介

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。

3. 脚手架—electron-vue简介

electron-vue 是一个结合electron和Vue.js的项目，非常方便建立起electron应用程序模版。Vue.js是当前比较火的JavaScript MVVM库, 它以数据驱动和组件化的思想构建前端应用，被越来越多的前端开发者接受。采用electron-vue脚手架之后，你可以使用 webpack、electron-packager 或 electron-builder，vue-router、vuex 等最常用的插件。

1.2,需求

开发跨平台的桌面应用

二,基于node开发

为了快速搭建应用框架，我们可以选择Electron的electron-quick-start项目

第一步:新建目录desktopApp，打开命令行，进入此目录，输入git命令下载electron-quick-start项目代码。