일렉트론기초-04.일렉트론 프로젝트 쉽게 만들고 쉽게 실행하기

동영상 강의

https://youtu.be/g71mHJVbEzY

보일러플레이트를 사용하면 이전에 만들었던 일렉트론 프로젝트를 보다 쉽게 만들 수 있습니다.

사용법은 다음과 같습니다.

npx create-electron-app "프로젝트명"

npx create-electron-app electron-app
cd electron-app

VS Code를 실행합니다.

code .

npm 패키지를 설치합니다.

• 메뉴에서 터미널 - 새터미널을 선택합니다.
• npm install 스크립트를 실행합니다.

npm install

프로젝트 폴더 구조는 다음과 같습니다.

폴더 구조

다음 스크립트로 프로젝트를 실행합니다.

yarn start or npm start

실행 화면은 다음과 같습니다.

실행화면

VSCode에 npm을 설치하면 보다 보다 쉽게 프로젝트를 실행할 수 있습니다.

• 왼쪽 메뉴바에서 확장을 선택합니다.

메뉴바-확장

• 검색창에 "npm"을 입력합니다.

마켓플레이스

• egamma의 npm을 설치합니다.
• 보기 - 명령팔레트 메뉴를 선택합니다.
• 입력창에 "npm"을 입력합니다.

명령팔레트

• "Npm 스크립트 보기에 포커스"를 선택합니다.
• 탐색기 하단에 "NPM 스크립트"라는 메뉴가 추가되었습니다.

NPM 스크립트

• start 스크립트 옆에 마우스를 가져가면 실행 버튼이 나타납니다.
• 실행버튼을 클릭하면 스크립트가 실행됩니다.

이제 일렉트론 프로젝트를 쉽고 빠르게 만들고 실행할 수 있게 되었습니다.

남는 시간은 잠시 쉬었다 하시길 바랍니다.^^