electron-vue

KO | EN

gitlite — search

#python #hacktoberfest #open-source #rust #gemini #hacktoberfest-accepted #ai #llm #hacktoberfest2024 #tailwindcss #vite #docker

★ 15,385 Open GitHub ↗

vue-cli 스캐폴딩, 공통 Vue 플러그인, electron-packager/electron-builder, 유닛/e2e 테스트, vue-devtools, 그리고 webpack을 포함하는 Electron & Vue.js 퀵 스타트 보일러플레이트입니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![electron-vue](/docs/images/logo.png)

Vue로 빌드된 electron 애플리케이션을 만들기 위한 보일러플레이트 (그 이름 그대로의 의미입니다).

[![forthebadge](http://forthebadge.com/images/badges/built-with-love.svg)](http://forthebadge.com) [![forthebadge](http://forthebadge.com/images/badges/uses-js.svg)](http://forthebadge.com) [![forthebadge](http://forthebadge.com/images/badges/makes-people-smile.svg)](http://forthebadge.com)

[![js-standard-style](https://cdn.rawgit.com/feross/standard/master/badge.svg)](https://github.com/feross/standard)
[![Build Status](https://semaphoreci.com/api/v1/simulatedgreg/electron-vue/branches/master/badge.svg)](https://semaphoreci.com/simulatedgreg/electron-vue)

## 개요
이 프로젝트의 목적은 Vue를 사용하여 electron 앱을 수동으로 설정해야 하는 번거로움을 없애는 것입니다. electron-vue는 스캐폴딩을 위한 `vue-cli`, `vue-loader`가 포함된 `webpack`, `electron-packager` 또는 `electron-builder`, 그리고 `vue-router`, `vuex` 같은 널리 사용되는 플러그인들을 활용합니다.
#### 자세한 문서는 [여기](https://simulatedgreg.gitbooks.io/electron-vue/content/index.html)에서 확인하세요.
이 보일러플레이트에서 제공하는 기능들...
\* \*\*단일\*\* `package.json` 설정이 포함된 기본 프로젝트 구조
\* 상세한 [문서](https://simulatedgreg.gitbooks.io/electron-vue/content/)
\* [vue-cli](https://github.com/vuejs/vue-cli)를 사용한 프로젝트 스캐폴딩
\* 바로 사용할 수 있는 Vue 플러그인들 \([axios](https://github.com/mzabriskie/axios), [vue-electron](https://github.com/SimulatedGREG/vue-electron), [vue-router](https://github.com/vuejs/vue-router), [vuex](https://github.com/vuejs/vuex)\)\\*
\* 개발을 위해 설치된 [vue-devtools](https://github.com/vuejs/vue-devtools) 및 [devtron](https://github.com/electron/devtron) 도구
\* [electron-packager](https://github.com/electron-userland/electron-packager) 또는 [electron-builder](https://github.com/electron-userland/electron-builder)를 사용하여 electron 앱을 쉽게 패키징하는 기능\\*
\* [electron-builder](https://github.com/electron-userland/electron-builder)를 사용한 자동 배포를 위한 `appveyor.yml` 및 `.travis.yml` 설정\\*
\* 브라우저용 웹 출력 생성 기능
\* 유용한 [NPM 스크립트](https://simulatedgreg.gitbooks.io/electron-vue/content/en/npm\_scripts.html)
\* Hot Module Replacement가 적용된 [webpack](https://github.com/webpack/webpack) 및 [vue-loader](https://github.com/vuejs/vue-loader) 사용
\* 메인 프로세스 작업 시 프로세스 자동 재시작
\* [vue-loader](https://github.com/vuejs/vue-loader/)를 통한 HTML/CSS/JS 전처리기(pre-processor) 지원
\* 기본적으로 [`stage-0`](https://babeljs.io/docs/plugins/preset-stage-0/)가 적용된 ES6
\* 코드를 완전히 ES5로 트랜스파일할 필요성을 없애주는 [`babili`](https://github.com/babel/babili) 사용
\* ESLint \([`standard`](https://github.com/feross/standard) 및 [`airbnb-base`](https://github.com/airbnb/javascript) 지원\)\\*
\* 단위 테스트 \(Karma + Mocha 사용\)\\*
\* 엔드투엔드 테스트 \(Spectron + Mocha 사용\)\\*
\\*vue-cli 스캐폴딩 중에 커스텀 가능
### 시작하기
이 보일러플레이트는 [vue-cli](https://github.com/vuejs/vue-cli)용 템플릿으로 제작되었으며, 최종 스캐폴딩된 앱을 커스텀할 수 있는 옵션을 제공합니다. `node@^7` 이상이 필요합니다. 또한 electron-vue는 의존성을 훨씬 더 잘 처리하고 `yarn clean`을 통해 최종 빌드 크기를 줄이는 데 도움이 되는 [`yarn`](https://yarnpkg.org) 패키지 매니저를 공식적으로 권장합니다.
```bash
# vue-cli 설치 및 보일러플레이트 스캐폴딩
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
# 의존성 설치 및 앱 실행
cd my-project
yarn # 또는 npm install
yarn run dev # 또는 npm run dev
```
##### Windows 사용자이신가요?
electron 및 기타 의존성에 필요한 모든 빌드 도구가 설치되어 있는지 확인하려면 [\*\*Windows 사용자를 위한 참고 사항\*\*](https://simulatedgreg.gitbooks.io/electron-vue/content/en/getting\_started.html#a-note-for-windows-users)을 꼭 확인하세요.
##### Vue 1을 사용하고 싶으신가요?
`1.0` 브랜치를 지정하세요. electron-vue는 공식적으로 `vue@^1` 사용을 중단(deprecated)했으므로, 프로젝트 구조, 기능 및 문서는 해당 변경 사항을 반영하고 있습니다 ([\*\*레거시 문서\*\*](https://github.com/SimulatedGREG/electron-vue/tree/1.0/docs)).
```bash
vue init simulatedgreg/electron-vue#1.0 my-project
```
### 다음 단계
[문서](https://simulatedgreg.gitbooks.io/electron-vue/content/)를 꼭 살펴보세요. 여기에서 설정, 프로젝트 구조, 앱 빌드에 대한 유용한 정보를 찾으실 수 있습니다. 유용한 [FAQ](https://simulatedgreg.gitbooks.io/electron-vue/content/en/faqs.html) 섹션도 있습니다.
## electron-vue로 만든 제품들
electron-vue로 제작된 놀라운 프로젝트들을 살펴보세요. 여러분의 프로젝트를 목록에 추가하고 싶으신가요? 아래 목록의 맨 아래에 프로젝트를 추가한 후 풀 리퀘스트(pull request)를 보내주세요.
\* [\*\*Surfbird\*\*](https://github.com/surfbirdapp/surfbird): Electron과 Vue로 구축된 트위터 클라이언트
\* [\*\*Lulumi-browser\*\*](https://github.com/qazbnm456/lulumi-browser): Vue.js 2와 Electron으로 코딩된 경량 브라우저
\* [\*\*Space-Snake\*\*](https://github.com/ilyagru/Space-Snake): Electron과 Vue.js로 구축된 데스크톱 게임
\* [\*\*Forrest\*\*](https://github.com/stefanjudis/forrest): npm scripts 데스크톱 클라이언트
\* [\*\*miikun\*\*](https://github.com/hiro0218/miikun): 간단한 마크다운 편집기
\* [\*\*Dakika\*\*](https://github.com/raj347/Dakika): 회의록 작성을 아주 쉽게 만들어 주는 회의록 작성 애플리케이션
\* [\*\*Dynamoc\*\*](https://github.com/ieiayaobb/dynamoc): dynamodb-local, dynalite, AWS dynamodb를 위한 GUI 클라이언트
\* [\*\*Dockeron\*\*](https://github.com/dockeron/dockeron): Docker를 위해 Electron + Vue.js 기반으로 구축된 dockeron 프로젝트
\* [\*\*Easysubs\*\*](https://github.com/matiastucci/easysubs): 매우 빠르고 간단한 방법으로 자막 다운로드
\* [\*\*adminScheduler\*\*](https://github.com/danieltoorani/adminScheduler): 크로스 플랫폼 호환성을 위한 electron, 번개처럼 빠른 UI를 위한 Vue.js, 프리미엄 캘린더 인터페이스를 제공하는 full-calendar.io를 활용한 애플리케이션
\* [\*\*Backlog\*\*](https://github.com/czytelny/backlog): 할 일(TODO), 아이디어, 백로그 항목을 저장하는 간단한 앱. 보드로 정리할 수 있습니다. 세련된 흐름. Electron + Vue.js + iView로 빌드됨
\* [\*\*Opshell\*\*](https://github.com/ricktbaker/opshell): AWS 인스턴스 작업을 더 쉽게 만들어 주는 운영 도구
\* [\*\*GitHoard\*\*](https://github.com/jojobyte/githoard): 깃(git) 저장소를 손쉽게 보관하세요.
\* [\*\*Data-curator\*\*](https://github.com/ODIQueensland/data-curator): 사용 가능한 오픈 데이터를 공유하세요.
\* [\*\*Bookmark\*\*](https://github.com/mrgodhani/bookmark): Atom Electron과 Vue.js를 사용하여 북마크된 링크를 관리하는 데스크톱 앱
\* [\*\*Uber Run\*\*](https://github.com/break-enter/uberrun): 우버(Uber)에서 세금계산서를 다운로드하고 정리해 주는 간단한 자동화 데스크톱 앱
\* [\*\*Apollo\*\*](https://github.com/helados/Apollo): 유튜브 동영상(기타 등등)을 .mp3 파일로 변환
\* [\*\*Netsix\*\*](https://github.com/pulsardev/netsix): WebRTC를 사용하여 친구들과 진정한 P2P 방식으로 동영상 공유
\* [\*\*code-notes\*\*](https://github.com/lauthieb/code-notes): Electron & Vue.js로 구축된 개발자를 위한 간단한 코드 스니펫 관리자
\* [\*\*Pomotroid\*\*](https://github.com/Splode/pomotroid): 간단하고 시각적으로 보기 좋은 뽀모도로 타이머
\* [\*\*MarkText\*\*](https://github.com/marktext/marktext): Mark Text는 실시간 마크다운 편집기입니다.
\* [\*\*vue-design\*\*](https://github.com/L-Chris/vue-design): Vue와 Electron으로 만든 최고의 웹사이트 시각화 빌더
\* [\*\*ImapSync Client\*\*](https://github.com/ridaamirini/ImapSyncClient): 인터넷 메세지 접근 프로토콜 동기화 클라이언트일 뿐입니다.
\* [\*\*Hve\*\*](https://github.com/hellohve/hve): 마음에 드실 만한 정적 블로그 클라이언트 도구
\* [\*\*MarkdownFox\*\*](https://github.com/lx4r/markdownfox): 자동 업데이트와 PDF 내보내기가 지원되는 간단한 마크다운 뷰어
\* [\*\*Smart DOCSE\*\*](https://github.com/shirshak55/smart-docse): 뉴스, 연락처 등을 표시할 수 있는 범용 앱
\* [\*\*Cleaver\*\*](https://getcleaver.com/): Cleaver는 웹 앱을 무중단으로 배포할 수 있는 서버를 무료로 준비할 수 있도록 도와줍니다!
\* [\*\*XPanel\*\*](https://github.com/krustnic/xpanel): Electron & Vue.js로 구축된 XAMPP 제어판 대안
\* [\*\*Hexo-Client\*\*](https://github.com/gaoyoubo/hexo-client): electron-vue로 구동되는 hexo 클라이언트
\* [\*\*YT.Downloader\*\*](https://github.com/myazarc/ytdownloader): Electron & Vue.js로 구축된 유튜브 비디오 다운로더 및 변환기 겸 음악 재생기
\* [\*\*BMFont-JS\*\*](https://github.com/elisaday/bmfont-js): Electron & Vue.js로 구축된 비트맵 폰트 generator
\* [\*\*YouGet\*\*](https://github.com/ahmetzeybek/YouGet): YouGet - 유튜브 비디오/재생목록 다운로더/커터 - MP3 변환기
\* [\*\*Asar UI\*\*](https://github.com/myazarc/AsarUI): Electron & Vue.js로 구축된 Asar 팩용 UI
\* [\*\*Leeze\*\*](https://github.com/dayinji/Leeze): Electron & Vue.js로 구축된 영수증 기록 앱
\* [\*\*IntelTracker\*\*](https://github.com/hectate/inteltracker): NOLF 플레이어/스피드러너를 위한 인텔 아이템 추적기
\* [\*\*Metube\*\*](https://github.com/kimyearho/MeTube): 간단한 유튜브 음악 플레이어를 관리하고 음악을 즐길 수 있는 프로그램
\* [\*\*it-tools\*\*](https://github.com/TsaiKoga/it-tools): Electron & Vue.js로 구축된 개발자를 위한 프로그래밍 도우미
\* [\*\*GifsWorld\*\*](https://github.com/dj0nny/GifsWorld): Vue와 Electron으로 구축된 GIF 검색기

electron-vue

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README