electron-vue를 이용한 데스크탑앱 만들기

electron-vue를 이용한 데스크탑앱 만들기

---

관련 자료

https://github.com/SimulatedGREG/electron-vue

SimulatedGREG/electron-vue

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

Introduction · electron-vue

 

---

---

vue로 구축 된 electron 애플리케이션을 만들기 위한 보일러 플레이트 저장소를 소개한다. Electron은 javascript로 크로스 플랫폼을 지원하는 데스크탑앱을 만들도록 지원하는 프레임워크이다. HTML과 javascript만 있으면 시작할 수 있으나 기초공사부터 다시 하면 너무나 많은 작업을 해줘야 한다. 이때 Electron-Vue의 보일러플레이트 사용하면 기초 작업 없이 바로 데스크탑앱을 개발 할 수 있다.

 

[그림1] Electron-Vue logo

 

Things you'll find in this boilerplate...

• Basic project structure with a single package.json setup
• Detailed documentation
• Project scaffolding using vue-cli
• Ready to use Vue plugins (axios, vue-electron, vue-router, vuex)*
• Installed vue-devtools and devtron tools for development
• Ability to easily package your electron app using electron-packager or electron-builder*
• appveyor.yml and .travis.yml configurations for automated deployments with electron-builder*
• Ability to produce web output for browsers
• Handy NPM scripts
• Use of webpack and vue-loader with Hot Module Replacement
• Process restarting when working in main process
• HTML/CSS/JS pre-processor support with vue-loader
• ES6 with stage-0 by default
• Use of babili to remove the need of transpiling completely down to ES5
• ESLint (with support for standard and airbnb-base)*
• Unit Testing (with Karma + Mocha)*
• End-to-end Testing (with Spectron + Mocha)*

 

 

Cli를 통해 시작하기

# Install vue-cli and scaffold boilerplate
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project

# Install dependencies and run your app
cd my-project
yarn # or npm install
yarn run dev # or npm run dev