Electron 초보
mkdir myapp
cd myapp
npm init
생성된 패키지.json은 아래와 같이 한 줄을 추가합니다
"start": "electron ." {
"name": "journal",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "electron ."
},
"keywords": [
"journal"
],
"author": "Octo",
"license": "ISC",
}
electron을 설치하면 전역적으로 설치할 수 있지만, 서로 다른 앱에 대해 버전 제어를 하기에는 좋지 않다
npm install electron --save-dev
#
npm install electron -g
package.json 파일 업데이트는 다음과 같습니다.
"devDependencies": {
"electron": "^3.0.1"
}
현재 디렉터리에 새 index를 만듭니다.js 파일https://github.com/electron/electron-quick-start/blob/master/main.js
const {
app,
BrowserWindow
} = require("electron");
let mainWindow;
function createWindow() {
mainWindow = new BrowserWindow({
width: 800,
height: 600
});
mainWindow.loadFile("../src/index.html");
mainWindow.on("closed", function() {
mainWindow = null;
});
};
app.on("ready", createWindow);
app.on("window-all-closed", function() {
if (process.platform !== "darwin") {
app.quit();
}
});
app.on("activate", function() {
if (mainWindow === null) {
createWindow();
}
});
운행효과를 확인할 수 있습니다.
Electron API 데모 응용 프로그램
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
