description |
---|
description |
Tabela de conteúdos
=================
- Sobre o projeto
- Funcionalidades
- Como executar o projeto
- Pré-requisitos
- Como contribuir no projeto
- Autor
- Licença
A motivação desse projeto é conseguir desenvolver usando Electron independente o sistema operacional. Você pode ler mais sobre essa motivação aqui.
Gera um ambiente de desenvolvimento Electron com Docker que permite empacotar e exportar o aplicativo.
- Docker
- VSCode
- Extensão Remote-Containers
macOS
- Homebrew
- XQuartz
# Instale o XQuartz
$ brew cask install xquartz
abra o XQuartz, navegue até Preferences -> Security e deixe as duas opções marcadas.
Instruções:
É recomendável que você clique em Use this template, dessa maneira você já poderá criar o repositório com o nome do seu projeto e iniciar o desenvolvimento. Faça o clone dele no seu computador e siga as demais instruções.
macOS
# Obtenha seu ip
$ ip=$(ifconfig en0 | grep inet | awk '$1=="inet" {print $2}')
# Adicione esse ip na lista dos permitidos para conectar no servidor X
$ xhost + ip
# Acesse a pasta do projeto no terminal/cmd
$ cd [your-repository-name]
# Descomente a linha remoteEnv
$ sed 's+//\"remoteEnv+\"remoteEnv+g' .devcontainer/devcontainer.json
# Substitua HOST_IP pelo ip obtido
$ sed -i '' -e 's+HOST_IP+'$ip'+g' .devcontainer/devcontainer.json
Todos os SOs
# Abra o projeto com o VSCode
$ code .
Quando o VSCode abrir você verá uma mensagem informando que foram detectadas as configurações necessárias para que a extensão Remote-Containers faça a mágica acontecer.
Clique em "Reopen in Container". O VSCode vai reiniciar e é só aguardar o ambiente ficar pronto para você. Pode demorar um pouco na primeira vez se você nunca tiver feito o download dos containers necessários 🕐. Mas vale a pena!
Quando finalizar, você terá um terminal dentro do VSCode que já está dentro do container. Tudo integrado! Tipo Inception mesmo 🍿.
💡 Tudo que você executar nesse terminal será executado dentro do container apenas!
# Inicie o projeto
$ npm start
🚀 Tente Editar o arquivo index.html para ver o hot reloading em ação.
💡 Usuários de macOS sempre devem estar com o xQuartz aberto e com o ip local na lista de permitidos.
Para empacotar e exportar o aplicativo:
macOS
# Empacotar e exportar o aplicativo
$ npm run make-macos
Todos os SOs
# Empacotar e exportar o aplicativo
$ npm run make
✅ Os arquivos exportados serão gerados pasta out/make/[formato]
- Faça um fork do projeto.
- Crie uma nova branch com as suas alterações:
git checkout -b my-feature
- Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature"
- Envie as suas alterações:
git push origin my-feature
Caso tenha alguma dúvida confira este guia de como contribuir no GitHub
Este projeto esta sobe a licença MIT.
Feito com ❤️ por Pedro Renan 👋🏽 Entre em contato!
Table of content
=================
When VSCode opens, you will see a message stating that the necessary settings have been detected for the Remote-Containers extension to make the magic happen.
Click on “Reopen in Container”. The VSCode will restart. Just wait for the environment to get ready for you. It may take a while during the first time, specially if you have never downloaded the necessary containers 🕐. But it's worth it!
Once done, you will have a terminal inside the VSCode that is already inside the container. Everything integrated! Like Inception 🍿.
💡 Everything you do in this terminal will be done only inside the container!
- Fork the project.
- Create a new branch with your changes:
git checkout -b my-feature
- Save your changes and create a commit message telling you what you did:
git commit -m" feature: My new feature "
- Submit your changes:
git push origin my-feature
If you have any questions check this guide on how to contribute
This project is under the license MIT.
Made with ❤️ by Pedro Renan 👋🏽 Get in Touch!
check this https://dev.to/darksmile92/run-gui-app-in-linux-docker-container-on-windows-host-4kde