Electron桌面程序初體驗

Electron 是網頁應用 (web apps) 的一個原生包裝層,在 Node.js 環境中運行。所以需要開發者對

Node.js 和前端 Web 開發有一定地了解。下面我們就來初始化一個項目,試試看。

提示:本人使用的是npm命令,yarn命令也是可以的

1.初始化項目

//創建一個文件夾,并進入此文件夾下
mkdir electron-app && cd electron-app
//執行此命令
npm init

執行npm init 后會有很多選項需要選擇,各位根據自己的需求選擇就可以了,但是有幾項是必須要輸入或選擇的

不然后續打包會失敗

2.安裝electron

npm install electron --save-dev

3.打包程序

將 Electron Forge 的 CLI 工具包安裝到項目的?devDependencies?依賴中,然后使用現成的轉化腳本將項目導入至 Electron Forge。

npm install --save-dev @electron-forge/cli
npx electron-forge import

轉換腳本完成后,Forge 會將一些腳本添加到您的?package.json?文件中。

  //..."scripts": {"start": "electron-forge start","package": "electron-forge package","make": "electron-forge make"},//...

打包命令

npm run package

要創建可分發文件,請使用項目中的?make?腳本,該腳本最終運行了?electron-forge make?命令。

npm run make

運行完命令后會在根目錄下生成out文件夾,打包后的程序在此文件夾下。

4.其他打包工具

Electron Forge是官網提供的,還有一種打包工具是electron-builder

5.分享本人現在用的桌面軟件開發框架

electron-egghttps://www.kaka996.com/

希望此篇分享能對小伙伴們有幫助,點個贊吧!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/pingmian/86532.shtml
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/86532.shtml
英文地址,請注明出處:http://en.pswp.cn/pingmian/86532.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

生信軟件47 - 超低測序深度的全基因組測序cfDNA腫瘤分數估計工具ichorCNA

1. ichorCNA簡介 ichorCNA是一種用于估計來自超低測序深度的全基因組測序(ULP-WGS,0.1x覆蓋率)的cfDNA中腫瘤分數的工具。ichorCNA使用概率模型,應用隱馬爾可夫模型(HMM),以同時分割基因組&…

Python 解壓縮(支持.zip/.rar/.7z格式)

🤟致敬讀者 🟩感謝閱讀🟦笑口常開🟪生日快樂?早點睡覺 📘博主相關 🟧博主信息🟨博客首頁🟫專欄推薦🟥活動信息 文章目錄 Python 解壓縮(支持.zip/.rar/.7…

龍虎榜——20250627

上證指數放量收陰線,回踩5天均線,但個股總體漲多跌少。 深證指數縮量收十字星,在前期壓力位震蕩。 2025年6月27日龍虎榜行業方向分析 1. 金融科技(跨境支付數字安全) 代表標的:吉大正元(跨境認…

三步實現B站緩存視頻轉MP4格式

本期我們來實現如何將B站緩存的視頻轉成MP4格式,直接在本地播放。 首先我們在Bilibili客戶端緩存一個視頻,保存的文件如下: 這里有兩個m4s文件,大的哪個是視頻文件,小的是音頻文件,這里我們用視頻播放軟件…

MySQL 與 Oracle 事務:深度解析與全面對比

在數據庫管理領域,事務是確保數據一致性和完整性的核心機制,它允許用戶將一系列操作視為一個不可分割的整體,要么全部成功執行,要么全部回滾。MySQL 和 Oracle 作為兩款廣泛使用的關系型數據庫管理系統,它們在事務處理…

麒麟系統如何輸出啟動日志到串口

1、臺式機系統啟動日志輸出到串口 (1)GRUB配置 編輯GRUB配置文件(如/etc/default/grub),添加或修改以下參數: GRUB_CMDLINE_LINUX“consoletty0 consolettyS0,115200n8” tty0:表示將日志輸出…

JUC:2棧和棧幀的定義

這部分內容雖然是JVM中的定義,但是在juc中屬于底層知識,必須要學習 每個線程在創建時,就會將自身的資源存儲在棧中,將線程需要運行的方法存放在方法區。 棧中會存儲方法的局部變量、方法的參數以及方法返回的地址,這…

阿里云OSS上傳文件Utils (@PostConstruct注解配置+Environment )

首先在 application.yaml 配置bucketName, endpoint, accessKeyId, accessKeySecret這里利用的是 spring 的生命周期, 在 bean 實例化后,使用PostConstruct注解 Environment 屬性 進行spring上下文環境賦值 package com.shuai.utils;import com.aliyun.oss.*; import com.aliy…

Jetson家族橫向對比:如何選擇你的邊緣計算設備

Jetson家族橫向對比:如何選擇你的邊緣計算設備 一、邊緣計算設備選型核心維度 在選擇Jetson平臺前,需明確以下關鍵指標: 算力需求:TOPS(INT8) / FP16精度功耗限制:被動散熱/主動散熱接口擴展:CSI攝像頭數…

《聊一聊ZXDoc》之汽車服務導向SOME/IP

ZXDoc支持SOME/IP功能,通過服務導向架構實現跨域通信標準化,降低系統耦合,支持動態服務發現與調用,提升分布式系統擴展性和維護效率。 什么是SOME/IP? SOME/IP(Scalable service-Oriented MiddlewarE ov…

Learning Semantic-Aware Knowledge Guidance for Low-Light Image Enhancement 論文閱讀

學習語義感知知識引導用于低光照圖像增強 摘要 低光圖像增強(LLIE)研究如何改善照明并生成正常光照的圖像。大多數現有方法通過全局和均勻的方式改進低光圖像,而沒有考慮不同區域的語義信息。如果沒有語義先驗,網絡可能會容易偏…

【(Topk問題及其二叉樹遍歷】

Topk問題及其二叉樹遍歷 1.Topk問題2.二叉樹的前序,中序,后序3.求二叉樹的個數(TreeSize)。4.求二叉樹的最大深度(maxDepth)。5.求二叉樹的第K層的節點個數(TreeKLevel)。6.查找二叉…

AI+實時計算如何賦能金融系統?DolphinDB 在國泰君安期貨年度中期策略會的演講

6月25日,國泰君安期貨2025年度中期策略會在上海順利開幕。本次策略會以“觀勢明變,本固枝榮”為主題,特邀15位重量級行業嘉賓和52位明星分析師發表精彩觀點,DolphinDB 受邀出席會議并作主題演講。 實時計算如何賦能量化投研交易 …

PHP Protobuf 手寫生成器,

? 以下是一個純 PHP 編寫的通用 Protobuf 二進制生成器,支持: varint fixed32 fixed64 length-delimited(如字符串、嵌套 message) 嵌套結構 (nested) 多字段 repeated ? 封裝器代碼(可直接用) &…

喜訊 | Mediatom斬獲2025第十三屆TopDigital創新營銷獎「年度程序化廣告平臺」殊榮

6月27日,2025第十三屆TopDigital創新營銷盛典在上海圓滿落幕,TopDigital創新營銷獎獲獎結果也已正式揭曉。本屆TopDigital創新營銷獎共有694家參展企業,3326件案例,AdMergeX旗下Mediatom媒體變現SaaS及服務平臺在眾多作品中脫穎而…

SQL 中 EXISTS 的原理與作用詳解

平常也一直在用EXISTS 來進行邏輯判斷,但是從來沒有正經理解它,只知道找到有就返回True,沒有就返回False。那么今天詳細的理解一下(主要借鑒了CSDN 其他博客文章,以及自己做的一個小例子) 一、EXISTS是什么…

【Docker】解決:構建(docker build)或重新運行容器時,丟失apt-get update問題

一、解決:構建(docker build)或重新運行容器時,丟失apt-get update問題 在 Docker 容器中,每次構建(docker build)或重新運行容器時,默認情況下所有更改都會丟失,因為容…

流程管理系統方案成本評估報告(第一稿,復盤明確數據不準確,僅供參考哦)

??一、成本評估框架?? 所在制造業流程數字化轉型的成本需從??一次性投入??與??持續運營成本??兩個維度分析,并量化??直接收益??與??間接收益??。詳細評估模型初稿: ??二、成本構成與數據支撐?? ??1. 一次性投入成本?? ??項目????費用范圍…

高并發分布式鎖解決方案對比與選型指南

高并發分布式鎖解決方案對比與選型指南 在大規模分布式系統中,分布式鎖是確保資源互斥訪問、保證數據一致性的關鍵組件。針對不同業務場景,分布式鎖的實現方案多種多樣,各有優缺點。本文將從問題背景出發,對Redis原生鎖/RedLock、…

全面掌握Vue 3響應式:ref自動解包、reactive對象替換及響應式丟失問題

Vue 3的響應式系統是其最核心的特性之一,主要通過ref和reactive這兩個API來實現。本文將詳細介紹這兩個API的使用方法、區別以及最佳實踐。 1. ref()的基本使用 ref()用于創建一個響應式的數據引用。它可以包裝任何類型的值,包括基本類型和對象類型。 …