Vue에 Electron, Cordova, Nginx 연결

1. Electron

 

- 만든 vue 프로젝트 폴더 안에서 vue add electron-builder 명령어 입력

   (vue cli ui에서 plugin을 추가해도 상관없다.)

- start Development Server

npm run electron:serve

- Build App

npm run electron:build

build시키면 dist_electron 폴더가 생긴다.

---

2. Cordova

참고 사이트:  www.npmjs.com/package/vue-cli-plugin-cordova

 

npm install -g cordova

 

 

 

vue add cordova

 

build하니까 src-cordova안에 www 폴더 생김

 

---

3. Nginx

다운로드 사이트 : nginx.org/en/download.html

다운로드 사이트에 가서 nginx 다운받는다

압축을 풀고, nignx.exe. 실행

http:/localhost/ 가면 설치 성공 메세지를 볼 수 있음

 

종료는 nginx.exe -s stop

재시작 nginx.exe -s reload