摘要:我們在執行首先全局安裝或者可以用創建項目進入到項目里面運行項目這樣就完成了
前言:
對于electron的介紹大家可以自己百度,這個使用寫客戶端軟件很爽,寫下心得以便于大家學習和使用!
我本地開發環境為:Mac OS
目錄在 :/Volumes/lee/electron/
開發工具:phpstorm
對于electron 的安裝方式有很多
第1種方式:非常的簡單 就是使用npm安裝
npm install -g electron //全局安裝 electron第2種方式:
git clone一個倉庫
# 克隆項目: git clone https://github.com/electron/electron-quick-start.git # 進入項目: cd ./electron-quick-start # 安裝依賴并且運行: npm install npm start第3種方式:
手動創建electron項目
我們在 /Volumes/lee/electron/目錄下面創建一個 electron01目錄
可以使用IDE創建 也可以使用 mkdir electron01創建項目目錄
之后使用IDE打開該項目
為了更好的使用代碼提示,我們可以在改項目下執行:
npm install electron
在該項目目錄中創建 index.html main.js 2個文件
index.html 我們暫且稱作為頁面文件吧 可以在里面寫css html 等
在main.js中創建以下代碼:
var electron = require("electron"); //electron 對象的引用 const app = electron.app; //BrowserWindow 類的引用 const BrowserWindow = electron.BrowserWindow; let mainWindow = null; /** * 監聽應用準備完成的事件 */ app.on("ready", function () { //創建窗口 mainWindow = new BrowserWindow({ width: 800, height: 600 }); mainWindow.loadFile("index.html"); mainWindow.on("closed", function () { mainWindow = null; }) }); /** * 監聽所有窗口關閉的事件 */ app.on("window-all-closed", function () { if (process.platform !== "darwin") { app.quit(); } });
之后使用 npm init 創建package.json 的文件
package.json 為:
{ "name": "electron01", "version": "1.0.0", "description": "", "main": "main.js", "dependencies": { "electron": "^2.0.7" }, "devDependencies": {}, "scripts": { "test": "echo "Error: no test specified" && exit 1" }, "author": "", "license": "ISC" }
index.html 的代碼為:
Title 這是一個頁面
之后使用 electron . 來啟動項目 就可以運行了
第4種方式:使用官方提供的腳手架工具 electron-forge創建項目
electron-forge相當于electron的一個腳手架,可以讓我們更方便的創建、運行、打包electron項目。
我們在 /Volumes/lee/electron/執行
首先全局安裝 electron-forge
npm install -g electron-forge #或者可以用 cnpm install -g electron-forge
創建項目:
electron-forge init electron02
進入到項目里面
cd ./electron02
運行項目
npm start
這樣就完成了!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/108216.html
摘要:主進程和渲染器進程的腳本的進程為主進程在主進程中運行的腳本通過創建頁面來展示用戶界面一個應用總是有且只有一個主進程。在主進程和渲染進程中都可以使用。渲染進程因為安全限制,不能直接操作原生。 主進程和渲染器進程: ackage.json 的 main 腳本的進程為 主進程在主進程中運行的腳本通過創建 web 頁面來展示用戶界面 一個 Electron 應用總是有且只有一個主進程。 由于...
摘要:快速入門提供了豐富的本地操作系統的,使你能夠使用純來創建桌面應用程序。這并不意味著是一個綁定圖形用戶界面的庫。每個頁面在里是運行在自己的進程里,這些進程被稱為渲染進程。有些只能在該事件發生后才能被使用。 快速入門 Electron提供了豐富的本地(操作系統)的API,使你能夠使用純JavaScript來創建桌面應用程序。與其它各種的Node.js運行時不同的是Electron專注于桌面...
摘要:本來寫這個項目時就沒打算來自己實現富文本編輯器,本著能用開源就用開源的原則,在項目里測試了一些開源的編輯器,發現或多或少都有些問題,后來一琢磨,反正這個項目的富文本編輯器需求不復雜,就自己實現一個好了。 斷斷續續寫了個把月,終于在昨天完成了第一版… 筆落寫作 一款幫助網絡寫手更方便地進行小說創作的PC軟件,目前支持 OSX/Windows 名字靈感來自于杜甫的一首詩,前兩句是: 《寄...
閱讀 3686·2021-09-07 10:19
閱讀 3627·2021-09-03 10:42
閱讀 3584·2021-09-03 10:28
閱讀 2548·2019-08-29 14:11
閱讀 808·2019-08-29 13:54
閱讀 1594·2019-08-29 12:14
閱讀 417·2019-08-26 12:12
閱讀 3614·2019-08-26 10:45