Windows에 Electron을 빌드하기 위한 준비
- 받은 파일 실행하고 순서대로 설치
2) 환경변수 설정
- 내 컴퓨터 > 시스템 속성 > 고급 > 환경변수
- Path 편집 : 마지막에 Python이 설치된 경로 추가
- 변수값 : ~~~~~~;C:\Python27
- PYTHONPATH 추가
- 변수명 : PYTHONPATH
- 변수값 : C:\Python27\Lib
3) 설치 확인
- cmd > python
- 테스트 파일 실행
- notepad > print("Hello Python!") > test.py로 저장 (문자코드는 UTF-8로 변경할 것!)
- cmd > 해당 폴더로 이동 > python test.py
2. Node.js 설치 및 환경변수 설정
1) Node.js 설치 (https://nodejs.org/en/#download)
- 윈도우 버전 맞춰서 쭉쭉 설치만 하면 끝.
2) 설치 확인
- cmd > node
- 해당 입력창에서 javascript용 코드 입력 후 확인
3) 신기하니까 js파일로 한번 더 테스트 (서버에서 돌리기)
- app.js 작성 (Python과 동일하게, UTF-8로 인코딩)
- node로 app.js를 돌리고, 지정했던 IP인 127.0.0.1:1337에서 확인
3. Visual Studio 2013 설치 및 설정
1) Visual Studio 2013 설치 (https://www.visualstudio.com/downloads/download-visual-studio-vs)
- 윈도우 버전 맞춰서 쭉쭉 설치만 하면 끝.
- 회사 컴퓨터에 Visual Studio 2013 Professional이 있으므로 이를 사용하였고, 보통은 Community Edition을 사용하면 됨.
4. Git 설치 및 설정
1) Git 설치 (http://git-scm.com/download/win)
- 윈도우 버전 맞춰서 쭉쭉 설치만 하면 끝.
- 개인적으로, 윈도우 cmd 콘솔에서 사용하고 싶기에 콘솔 사용 선택
5. Atom Editor 설치 및 Package 설정
# Electron을 쓰는 김에 Atom도 써 보려는 것 뿐이므로, 다른 텍스트 에디터를 사용해도 전혀 상관 없음.
1) atom 설치 (https://atom.io)
- 윈도우 버전 맞춰서 쭉쭉 설치만 하면 끝
2) Package 설치 (File→Settings→Install 에서 패키지 검색)
- linter : 문법상 오류 표시
- grunt-runner : Atom에서 Grunt 실행 가능
- minimap, minimap-find-and-replace : 미니맵 표시
- atom-minify : JS, CSS 최소화 (ctrl+shift+m 또는 Minify on save설정)
