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

프로젝트를 생성하고자 하는곳에서 git bash 창을 열어서 아래와 같이 명령어 입력

뒤에 "210324" 는 저 이름대로 해당 프로젝트 다운받아라 라는 뜻입니다.

아무거나 하셔도되고 안쓰셔도되요.

아무것도 안쓰시면 electron-quick-start 라는 폴더가 생성됩니다.

git clone https://github.com/electron/electron-quick-start 210324

 

아래와 같이 정상적으로 프로젝트가 생성된것을 볼수있습니다.

이제 마우스 우클릭을 눌러서 해당 프로젝트 경로로 vscode 를 열어서 확인을 해봅니다 ~

해당 부분은 vscode 를 설치할때 저 옵션을 체크하는 부분이 있는데 혹시 체크를 까먹고 안하셨다면 없을겁니다.

그렇다고 다시 재설치 할필요는 없고, 레지스트리 등록만 해주면되는데 구글링 하면 금방 찾으실수 있습니다.

아니면 굳이 저렇게 안하고도 해당 폴더 bash 창에서 아래처럼 쳐도 vscode 가 정상적으로 열리는것을 볼수 있습니다.

code .

 

이제 일렉트론을 실행시키기위하여 "npm start" 라는 명령어를 터미널에서 쳐줘야하는데,

당연히 처음에는 가동이 되지않습니다. electron . 을 찾을수 없다 어쩌고 뜰거에요

npm install

package.json 에 있는 내용을 토대로 npm install 을 진행을 먼저 해주어야 합니다.

 

터미널 창은 기존에 열려있지않다면 ctrl + ` 로 열고닫을수 있습니다.

 

 

 

npm install

npm install 을 하고난 후에 다시

npm start

쳐주면 아래와 같이 정상적으로 가동되는것을 확인할수 있습니다.