Um template para criar aplicações electron usando vue (como o nome diz).
Resumo
O foco do template é remover a nescessidade de criar manualmente todo a organização do projeto usando electron e o vue. electron-vue tira vantagem da vue-cli
para receber arquivos, webpack
com vue-loader
, electron-packager
ou electron-builder
, e também os plugins mais utilizados como vue-router
, vuex
e muito mais.
De uma olhada na documentação em português aqui.
Coisas que você vai achar no projeto...
- Estrutura basica de projeto, com arquivo um unico
package.json
- Documentação detalhada
- O projeto retira seus arquivos de vue da vue-cli
- Pronto para uso de plugins de vue como (axios, vue-electron, vue-router, vuex)*
- Instalado vue-devtools e devtron ferramentas para desenvolvimento
- Habilidade para facilmente compilar e criar o arquivo final para instalar sua aplicação usando electron-packager ou electron-builder*
appveyor.yml
e.travis.yml
configurados para automatizar o deploy com electron-builder*- Habilidade para produzir saidas para browsers
- Acessivel NPM scripts
- Usa o webpack e vue-loader com Hot Module Replacement
- Automatização do reinicio dos processos
main
do electron - HTML/CSS/JS pre-processor suporte com vue-loader
- ES6 com
stage-0
by default - Uso de
babili
para remover a nescessidade de fazer transpiling completo para o ES5 - ESLint (com suporte ao
standard
eairbnb-base
)* - Teste unitario com (with
karma
+mocha
)* - End-to-end Testing (with
spectron
+mocha
)*
*Customizavel durante o uso da vue-cli
Introdução
Esse template foi construído utilizando vue-cli
e inclui opções para customizar a estrutura final do seu app. O template utiliza node@^7
ou superior como mínimo. electron-vue também recomenda utilizar o yarn
, gerenciador de pacotes que manipula seus pacotes de uma forma muito melhor e vai ajudar a reduzir o peso final do projeto yarn clean
.
# Instala o vue-cli e o template do projeto
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
# Instala as dependencias e executa seu app (your app)
cd my-project
yarn # ou npm install
yarn run dev # ou npm run dev
Você e um usuario de Windows
Por favor olhe a Uma Nota Para Usuarios de Windows para que você tenha certeza que esta com todas as dependencias instaladas para conseguir fazer deploy e construir a aplicação.
Querendo usar Vue 1?
So um ponto a ser dado, a suporte ao Vue 1 foi oficialmente descontinuado então a estrutura do projeto, features e documentação vão refletir essas mudanças (documentação legado).
vue init simulatedgreg/electron-vue#1.0 my-project
Proximos Passos
Certifique-se de olhar a documentação. Aqui você vai achar informação util sobre a configuração, estrutura do projeto, e construção de sua aplicação. Tambe tem a acessivel FAQs, que ajuda a responder questões ja respondidas.
Criado usando electron-vue
De uma olhada nesses projetos impressionantes, usando electron-vue. Que que seu projeto seja listado ? Se sinta livre de enviar um pull request.
- Surfbird: Um Twitter client criado usando Electron e Vue
- Lulumi-browser: Lulumi-browser e um browser leve programado usando Vue.js 2 e Electron
- Space-Snake: Um jogo para computador de criado usando Electron e Vue.js.
- Forrest: An npm scripts desktop client
- miikun: Um simples editor de Markdown.
- Dakika: A minute taking application that makes writing minutes a breeze
- Dynamoc: Dynamoc is a GUI client for dynamodb-local, dynalite and AWS dynamodb
- Dockeron: A dockeron project, built on Electron + Vue.js for Docker
- Easysubs: Download subtitles in a very fast and simple way