Executando verificação de segurança...
1

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/

Carregando publicação patrocinada...