electron桌面应用程序搭建及运行 |
您所在的位置:网站首页 › electron应用 › electron桌面应用程序搭建及运行 |
最近一段时间公司暂时没有项目,突然闲下来坐着无聊,想学点其他技术,开发一个简单桌面应用,于是选择了electron技术,现在和大家分享一下。 electron:官方文档https://www.electronjs.org/解释了桌面应用的开发好处。 如果你可以建一个网站,你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。 如上面所提到:会 JavaScript, HTML 和 CSS 就可以开发。我们学习 electron 桌面应用有下面这些优势: 1.减少学习成本。 前端开发者不需要去学习新的开发语言,学习不会花费很多时间;而且,electron学习难度会比其他C#、.net等简单许多,对于许多开发者是友善的。 2.庞大的社区:electron是github官方产品,不管是框架技术、用户使用数量,还是用户信任度,都是得到各界开发人士肯定的。 3.减少工作量: Electron 是跨平台的,可以同时开发 Web 应用和桌面应用,无论是 UI,还是代码(JS),大多数资源都可以共享,这也为开发者大大减少了工作量,甚至企业也无需重复投入人力来开发系统。 4.未来发展市场广阔。从electron的主要用户来看,很多都是大厂,如蚂蚁金服、小米、华为、GitHub(Electron 就是 GitHub 推出的)、微软等,由于现在 GitHub 被微软收购了,因而目前 Electron 的后台是微软。因此学习 Electron 不用担心以后没市场,毕竟,各大厂都在用 Electron 现在来跟我学习一下electron吧! 一、搭建开发环境 官方给出: Electron 支持Windows 7 及以上版本—任何在低版本Windows上开发Electron的尝试都将是徒劳无功的。 electron 是nodejs提供技术插件支持,首先,为避免一些编译环境不必要的错误,安装nodejs最新版本node下载 再安装git git下载(下面远程拉取官方实例代码需要用到) 二、创建项目 1.安装插件: cnpm i -g electron npm i -g electron yarn electron 选择任意一种安装方式 建议使用 cnpm i -g electron 2.创建项目: 方法一: npx create-electron-app xxx //其中npx为node最新10版本内置命令 方法二: cnpm i -g yarn //安装yarn命令 yarn create-electron-app xxx 方法三: cnpm install -g @electron-forge/cli //安装electron-forge脚手架 electron-forge init xxx //创建、初始化项目 cd xxx //进入xxx项目目录 npm start //运行项目 方法四:远程仓库拉取 克隆示例项目的仓库 $ git clone https://github.com/electron/electron-quick-start 进入这个仓库 $ cd electron-quick-start 安装依赖 $ npm install 方法五:手动创建(有兴趣的自己去bilibili上搜索视频,有很多这类视屏的讲解) 三、运行 使用命令行: npm start 如果是手动创建的使用 electron . //点是当前项目默认运行文件 截图如下(这是github远程仓库示例): 如上图所示我这里简单搭建和运行一个桌面应用程序成功! |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |