O node te permite escrever aplicativos do lado do servidor ou do cliente usando a mesma linguagem: JavaScript. Neste vamos usa-lo para criar um aplicativo do lado cliente com técnicas de web (HTML5, CSS3 e JS6). Esta aproximação nos permite ter acesso ao hardware local, coisa que com o navegador é impossível (e esperemos que continue assim)

Já o ElectronJS nos permite empacotar isso tudo e distribuir em multiplataforma. Ou seja, o mesmo código rodando em Windows, Linux, OSX, etc. Seria bom dar uma olhada aqui: https://electronjs.org/docs/tutorial/first-app

YeAPF uniformiza o jeito de acessar a informação, promove melhores padrões de desenvolvimento e permite integrar seu aplicativo com outros.

Aqui há um caminho apenas. Você pode escolher outra forma mas mostramos esta por ser a mais simples – desde nosso ponto de vista – de criar um aplicativo.

Partimos da base que tem o NPM instalado assim como as ferramentas do YeAPF.

Há duas formas de fazer isto. Use a que lhe seja mais conveniente.

Primeira forma: Instalando o YeAPF no final

$ cd ~/Documents
$ mkdir MeuProjeto
$ cd MeuProjeto
$ npm init

Depois modifique o package.json para que main aponte para “main.js”.

Pode tb deixar do jeito que está que electron vai procurar por “index.js”

Depois instale o electron nessa pasta

$ npm install --save-dev electron

Agora coloque o aplicativo de exemplo do YeAPF nele

$ yapp ./ --create --appType electron

Finalmente rode o aplicativo

$ npm start

Segunda forma: Começando pelo YeAPF

O mesmo efeito anterior, pode ser obtido com a seguinte sequencia de comandos:

$ cd ~/Documents
$ yapp MeuSegundoProjeto --create --appType electron
$ cd MeuSegundoProjeto
$ npm install
$ npm start

Como proceder daqui em diante?

Se tudo deu certo, você terá um outro aplicativo aberto mostrando o conteúdo do index.html que foi colocado lá pelo YeAPF.

Mantendo ele aberto, você pode modificar o index.html e recarregar o aplicativo sem fecha-lo (ctrl-R, F5, etc) ao final das contas o que vc está rodando é um Chrome.

Se um arrepio correu pelas suas costas, é que vc já entendeu o potencial.

Se nada disso lhe deu nem tchum, talvez não saiba o complicado que é produzir software para mais de uma plataforma e – pior – que rode na primeira. Com um pouco mais de tempo chegará a observar a importância disto.

Com diz a música “Estava à toa na vida…” e ai decidi desenvolver um aplicativo em Windows.

É obvio que é mentira, em que cabeça cabe logo eu desenvolver para Windows. Todavia, como a plataforma ainda insiste em sobreviver (e o fará bastante depois do sangue novo sugado da RedHat, bash, etc) há vezes que é necessário ceder um pouco e a melhor coisa é imaginar que vc estava à toa…. porque só estando à toa mesmo.

Beleza, então, resgatei o ElectronJS e instalei no Mac que era com o micro que estava trabalhando naquele momento. Depois fiz o mesmo com o notebook que é Linux. Não é o caso de ter um projeto que não rode nessas duas plataformas.

Só que ai chegou o momento de atualizar o monstro. El OSx e em Ubuntu tinha sido fácil. Foi assim:

$ npm -g i npm

Já no frankestein, o lance passa por outros lados

A primeira coisa é abrir o PowerShell como administrador.

Depois faça assim:

C:\> npm install -g npm-windows-upgrade
C:\> npm-windows-upgrade

No meu caso me deu uma lista de versões para atualizar. Escolhi a mais recente e boa. O restante funcionou lisinho

Quando for atualizar, faça assim:

C:\> npm-windows-upgrade -p -v latest

Um outro dia conto do node com YeAPF no electronJS.