Passo a passo criando APP Desktop com Electron_Fiddle e Nodejs(Foco em linux mas pode ajudar em outras plataformas)
*Primeiro baixar nvm(Node Version Manager/Gerenciador de versões do node).
#Abra o Terminal / CMD / PowerShell / etc... e cole o seguinte comando:
sudo curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.2/install.sh | bash
#Execute o seguinte comando, que aparece após terminar o anterior se for igual, se não copie o do seu terminal e execute-o:
export NVM_DIR="HOME/.nvm" [ -s "NVM_DIR/nvm.sh" ] && . "NVM_DIR/nvm.sh" # This loads nvm [ -s "NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion"
#Listar todas as versões de nodejs disponiveis:
nvm ls-remote
#Instalar a última versão do node com o seguinte comando(substituindo os x pelos números da última versão):
nvm install vxx.x.x
EX:
nvm install v19.3.0
#Verificar se o node foi instalado corretamente(tem que aparecer o número da versão que você digitou na hora de instalar):
node -v
#Instalar o yarn usando o npm(package manager for the Node JavaScript platform/gerenciado de pacotes para node JavaScript) se for Linux use o sudo na frente:
npm install --global yarn
#Entre na pasta Documentos do seu sistema:
cd Documents/
#Crie a pasta do projeto usando o explorador de arquivos ou direto no Terminal usando o seguinte comando:
mkdir projectElectron
#Entrar na pasta do projeto:
cd projectElectron
#Deixe o terminal por um momento e instale o Electron_Fiddle que é uma ferramenta que auxilia na criação do código inicial(baixe o instalador mais apropriado para seu sistema no navegador de sua preferência):
https://www.electronjs.org/pt/fiddle
#Abra o Electron_Fiddle no menu.
#Na barra superior do aplicativo clique em "File", depois em "Save as", procure a pasta Documentos e abra a pasta do projeto, depois clique em "Save here".
#Com isso você vai ter a estrutura padrão do Electron, você pode editar o código no próprio Electron_Fiddle se conhecer um pouco de HTML, CSS e JavaScript, não esqueça de salvar suas modificações.
#Voltando ao Terminal, use o seguinte comando para obter um arquivo de configuração necessário para seguirmos(se não quiser usar os comandos padrões remova o parâmetro -y):
yarn init -y
#Digite o seguite codigo:
npm install --save-dev electron-packager
#Digite o seguinte código, numa breve explicação ele chama a função npx com electron-packager, o ponto define qual é a pasta atual no terminal é a pasta do projeto, "app plataform linux" define que a plataforma é linux, "arch x64" define a arquitetura do processador e out dist/ define a pasta de saída dentro da pasta do projeto que vai ser criada após o processo de build do aplicativo, esse nome pode ser qualquer um:
npx electron-packager . app --platform linux --arch x64 --out dist/
#Na pasta do projeto agora tem uma pasta chamada dist/, entrando nela terá um arquivo chamado "APP" recomendo adicionar o .sh ao nome dele no final e dar permissão para ser executado assim ao dar dois cliques você terá um aplicativo rodando o projeto padrão do Electron
Obs: Sou só um estudante iniciando na área, aceito qualquer tipo de ajuda e meu intuito é mostrar um app simples que pode começar a rodar com simples passos, pesquisei bastante pra chegar nesse script mas imagino que pode ter alguma dependência faltando para alguns tipos de distros e alguns comandos desnecessários então sua opinião é sempre bem vinda.
fontes retirada dos sites:
https://www.npmjs.com/package/electron-packager
https://www.electronjs.org/pt/docs/latest/