前言
根據(jù)公司業(yè)務(wù)需求,使用 electron 開發(fā)桌面 BrowserWindow 應(yīng)用。
參考 API:Electron 文檔
安裝與配置 安裝工具node(LTS版)
git 命令行工具
初始化:
$ npm init
安裝 electron:
$ npm install electron --save-dev軟件打包
安裝打包工具:
$ npm install --save-dev electron-packager
打包基本命令:
electron-packager {location} {name} {platform} {architecture} {version} {options}
location:項(xiàng)目所在路徑
name of project:打包的項(xiàng)目名字
platform:確定了你要構(gòu)建哪個(gè)平臺的應(yīng)用(Windows、Mac 還是 Linux)
architecture:決定了使用 x86 還是 x64 還是兩個(gè)架構(gòu)都用
version:electron 的版本
options:可選選項(xiàng)
在 package.json 中添加配置項(xiàng):
"packager": "electron-packager ./ writ win x86 --app--version=2.0.6 --overwrite --icon=./favicon.ico"
執(zhí)行:
$ npm run-script packager環(huán)境依賴
.netframework 4.5.1
python2.7
Visual C++ Build Tools
一鍵安裝:
$ npm install --global --production windows-build-tools
環(huán)境設(shè)置:
$ npm config set msvs_version 2015
若出現(xiàn) vc2015 安裝失敗情況,請自行安裝 SP1windows6.1-KB976932 補(bǔ)丁
插件依賴node-gyp Node 編寫的跨平臺命令行工具,用于編譯 Node.js 的原生插件模塊
$ npm install -g node-gyp
ffi 用以調(diào)用動(dòng)態(tài)庫的 Node.js 插件
$ npm install ffi --save
buffer 提供與 Node.js 的 Buffer 完全相同的緩沖區(qū)插件
$ npm install buffer --save
iconv-lite 用于在 Node.js 當(dāng)中處理在各種操作系統(tǒng)出現(xiàn)的各種奇特編碼,該模塊不提供讀寫文件的操作,只提供文件編碼轉(zhuǎn)換的功能
$ npm install iconv-lite --save
electron-rebuild 用以重編譯適合 electron 的模塊
$ npm install electron-rebuild --save-dev $ ./node_modules/.bin/electron-rebuild ./node_modules/ffi占坑
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/100442.html
摘要:三配置環(huán)節(jié)目的一是為之后的環(huán)節(jié)初始化工作流參數(shù),二是準(zhǔn)備好應(yīng)用文件夾內(nèi)容即要打包的目標(biāo)文件夾做的事解析命令行參數(shù),初始化工作參數(shù),填充配置文件,把配置文件和相關(guān)依賴文件導(dǎo)入到文件夾內(nèi)合適的 首發(fā)于酷家樂前端博客,作者@摘星(segmentfault @StinsonZhao) 我們能從很多地方學(xué)習(xí)到怎么起一個(gè) Electron 項(xiàng)目,有些還會(huì)介紹怎么打包或構(gòu)建你的代碼,但距離「真正地...
摘要:有部分前端人員使用的是盜版的。非編程相關(guān)其它一些我使用的,但與編程關(guān)系不大的正版工具。尊重別人,更是尊重自己做為一個(gè)程序員,使用正版,我認(rèn)為這不是自做清高的事情,這是對自己職業(yè)的一種基本尊重。 ...
摘要:原文的框架以前叫做允許你使用和編寫跨平臺的桌面應(yīng)用。這個(gè)教程向我們展示了如何使用和構(gòu)建一個(gè)桌面應(yīng)用。我們的應(yīng)用看起來會(huì)是這個(gè)樣子配置開發(fā)環(huán)境是微軟的一款跨平臺代碼編輯器。是基于和微軟自身的開發(fā)的。我們需要用我們最終構(gòu)建的應(yīng)用來替換它。 原文:Creating Desktop Applications With AngularJS and GitHub Electron showImg(...
摘要:本來寫這個(gè)項(xiàng)目時(shí)就沒打算來自己實(shí)現(xiàn)富文本編輯器,本著能用開源就用開源的原則,在項(xiàng)目里測試了一些開源的編輯器,發(fā)現(xiàn)或多或少都有些問題,后來一琢磨,反正這個(gè)項(xiàng)目的富文本編輯器需求不復(fù)雜,就自己實(shí)現(xiàn)一個(gè)好了。 斷斷續(xù)續(xù)寫了個(gè)把月,終于在昨天完成了第一版… 筆落寫作 一款幫助網(wǎng)絡(luò)寫手更方便地進(jìn)行小說創(chuàng)作的PC軟件,目前支持 OSX/Windows 名字靈感來自于杜甫的一首詩,前兩句是: 《寄...
閱讀 3385·2021-11-24 09:38
閱讀 1385·2021-11-22 15:08
閱讀 1454·2021-09-29 09:35
閱讀 475·2021-09-02 15:11
閱讀 1304·2019-08-30 12:55
閱讀 385·2019-08-29 17:16
閱讀 492·2019-08-29 11:30
閱讀 415·2019-08-26 13:23