자니노트

Electron + Vue.js Desktop Application 만들기 본문

자바스크립트/VUE.JS

Electron + Vue.js Desktop Application 만들기

zaninote 2020. 6. 3. 16:16

Electon 사이트

크로스 플랫폼을 지원하는 Desktop Application 개발할수 있는 도구

https://www.electronjs.org/

 

Electron | 자바스크립트, HTML, CSS를 이용해 크로스 플랫폼 데스크톱 앱을 만들어보세요.

JavaScript, HTML, CSS를 이용하여 크로스 플랫폼 데스크탑 앱을 만들어보세요.

www.electronjs.org

Electron 문서(한글화가 잘되어 있음)

https://www.electronjs.org/docs

 

문서 | Electron

Electron의 가장 최신 릴리즈를 위한 가이드와 API 레퍼런스 문서

www.electronjs.org

Windows에서 개발 하기

Electron 개발자 환경 구축

https://www.electronjs.org/docs/tutorial/development-environment#setting-up-windows

 

개발자 환경 | Electron

Electron은 macOS 10.10 (Yosemite)버전 이상을 지원합니다. Apple은 호스트 컴퓨터가 Apple 컴퓨터가 아니면, 가상 머신에서 macOS의 동작을 허용하지 않으므로, Mac을 필요로하는 경우, Mac(MacInCloud or xcloud와 �

www.electronjs.org

node.js, npm이 설치되어 있어야 한다.

node.js 설치 방법
npm 설치 방법

Application 만들기

https://www.electronjs.org/docs/tutorial/first-app#installing-electron

 

첫 번째 Electron 앱 만들기 | Electron

 

www.electronjs.org

 

 

 

참고 사이트

https://hsoh1990.github.io/2019/01/19/electron-vue-tutorial/#Quick-start

 

Electron + Vue.js 애플리케이션 만들기

ELectron을 사용한 애플리케이션을 만들경우 사용자에게 보여지는 GUI(Renderer)를 Vue.js 를 이용하여 구현할 수 있다. Electron에 대한 설명은 Electron 애플리케이션 만들기를 참고하고 Vue.js를 참고 하면

hsoh1990.github.io

 

Comments