2021/03/24 3

[Electron] 일렉트론 exe 실행 파일 빌드 npm run build:win64

실행파일 빌드 윈도우 64비트 기준입니다 빌드하고싶은 폴더 터미널에서 아래 npm 설치 npm install -g electron-builder package.json내용추가 - scripts 에 build 부분 추가 - build 부분에 win icon 추가 (실행파일 이미지 경로) { "name": "프로젝트이름", "version": "1.0.0", "description": "A minimal Electron application", "main": "main.js", "scripts": { "start": "electron .", "build:osx": "electron-builder --mac", "build:linux": "npm run build:linux32 && npm run build:..

IT/Electron 2021.03.24

[Electron] 일렉트론 프로그램 닫기 클릭시 트레이로 숨기기 main.js

const { app, BrowserWindow, Menu, Tray, nativeImage } = require('electron'); const path = require('path') //소스 수정시 자동 새로고침 //require('electron-reload')(__dirname, { electron : require(`${__dirname}/node_modules/electron`) }) function createWindow () { const mainWindow = new BrowserWindow({ width: 500, height: 500, resizable: false, webPreferences: { preload: path.join(__dirname, 'preload.js') } ..

IT/Electron 2021.03.24

[Electron] 일렉트론 프로젝트 생성 및 실행 npm start

프로젝트를 생성하고자 하는곳에서 git bash 창을 열어서 아래와 같이 명령어 입력 뒤에 "210324" 는 저 이름대로 해당 프로젝트 다운받아라 라는 뜻입니다. 아무거나 하셔도되고 안쓰셔도되요. 아무것도 안쓰시면 electron-quick-start 라는 폴더가 생성됩니다. git clone https://github.com/electron/electron-quick-start 210324 아래와 같이 정상적으로 프로젝트가 생성된것을 볼수있습니다. 이제 마우스 우클릭을 눌러서 해당 프로젝트 경로로 vscode 를 열어서 확인을 해봅니다 ~ 해당 부분은 vscode 를 설치할때 저 옵션을 체크하는 부분이 있는데 혹시 체크를 까먹고 안하셨다면 없을겁니다. 그렇다고 다시 재설치 할필요는 없고, 레지스트리 ..

IT/Electron 2021.03.24
300x250