桌面应用之electron开发

最新推荐文章于 2024-08-22 08:18:34 发布

tornyLin

最新推荐文章于 2024-08-22 08:18:34 发布

阅读量5.1k

点赞数 3

分类专栏：桌面应用开发文章标签：桌面应用开发 electron

本文链接：https://blog.csdn.net/tornyLin/article/details/81609258

版权

本文介绍了如何使用Electron进行桌面应用开发，重点提及了Electron的起源和广泛应用。推荐使用electron-vue脚手架，结合Vue.js的MVVM库提升开发效率。文章详细阐述了从创建项目、理解代码目录结构、编写页面布局和路由，到项目编译运行及打包的全过程，最后提供了一个简单的Demo和源码地址。

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

1. Electron简介

引自Electron官方的说明[1]：Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。Electron于2013年作为构建Github上可编程的文本编辑器Atom的框架而被开发出来。这两个项目在2014春季开源。目前，Electron已被Microsoft、Facebook、Slack和 Docker等大厂接受，应用涉及开发工具、社交应用、音乐、游戏、金融等领域[2]。

2. 脚手架——electron-vue

Electron文档已比较完善，官方文档请参考：https://electronjs.org/docs。为了提高开发效率，博客推荐electron-vue脚手架来开发electron应用。

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

electron-vue脚手架安装：npm install -g vue-cli。