[Electron] Electron + vue.js

[Electron] Electron + vue.js

---

 

Vue-cli2 electron builder : https://simulatedgreg.gitbooks.io/electron-vue/content/ko/

 

    $ npm install -g vue-cli

    $ vue init simulatedgreg/electron-vue 프로젝트

    $ yarn                             # 또는 npm install

    $ yarn run dev                # 또는 npm run dev

 

Vue-cli3 electron builder : https://github.com/nklayman/vue-cli-plugin-electron-builder

 

    $ npm install -g @vue/cli

    $ vue create 프로젝트

    $ npm run serve                   # 웹 접속 가능 http://localhost:8080/

    $ vue add electron-builder

    $ npm run serve:electron     # 또는 yarn serve:electron 

  * 실행 명령어가 `serve:electron`이 아닐 수 있다.

    프로젝트 폴더 안에 package.json파일의 script부분에서 명령어 확인 가능하다. 

package.js

 

 

+ VSCode 에서 필요한 Vue 플러그인 : Vetur

https://code.visualstudio.com/docs/nodejs/vuejs-tutorial