반응형
동영상 강의
보일러플레이트를 사용하면 이전에 만들었던 일렉트론 프로젝트를 보다 쉽게 만들 수 있습니다.
사용법은 다음과 같습니다.
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 스크립트"라는 메뉴가 추가되었습니다.
- start 스크립트 옆에 마우스를 가져가면 실행 버튼이 나타납니다.
- 실행버튼을 클릭하면 스크립트가 실행됩니다.
이제 일렉트론 프로젝트를 쉽고 빠르게 만들고 실행할 수 있게 되었습니다.
남는 시간은 잠시 쉬었다 하시길 바랍니다.^^
반응형
'일렉트론' 카테고리의 다른 글
일렉트론기초-09.일렉트론 커스텀 타이틀바 만들기-프로그램개발(IPC) (0) | 2021.10.04 |
---|---|
일렉트론기초-08.일렉트론 커스텀 타이틀바 만들기-화면디자인 (0) | 2021.10.04 |
일렉트론기초-07.일렉트론 화면 개발하기 (0) | 2021.10.03 |
일렉트론기초-06.일렉트론 메뉴 추가하기 (0) | 2021.10.01 |
일렉트론기초-05.React 프로젝트에 일렉트론을 추가하는 법 (0) | 2021.09.29 |
일렉트론기초-03.일렉트론 프로젝트에 React 추가하기 (0) | 2021.09.22 |
일렉트론기초-02.일렉트론 퀵스타트 (0) | 2021.09.20 |
일렉트론기초-01.일렉트론이란? (0) | 2021.09.19 |