$ cd ~\/Documents\r\n$ mkdir MeuProjeto\r\n$ cd MeuProjeto\r\n$ npm init\r\n<\/pre>\n
Depois modifique o package.json<\/em> para que\u00a0main<\/em> aponte para “main.js”.<\/p>\n
Pode tb deixar do jeito que est\u00e1 que electron<\/em> vai procurar por “index.js”<\/p>\n
Depois instale o electron nessa pasta<\/p>\n
$ npm install --save-dev electron<\/pre>\n
Agora coloque o aplicativo de exemplo do YeAPF nele<\/p>\n
$ yapp .\/ --create --appType electron\r\n<\/pre>\n
Finalmente rode o aplicativo<\/p>\n
$ npm start<\/pre>\n
 <\/p>\n
Segunda forma: Come\u00e7ando pelo YeAPF<\/h3>\n
O mesmo efeito anterior, pode ser obtido com a seguinte sequencia de comandos:<\/p>\n
$ cd ~\/Documents\r\n$ yapp MeuSegundoProjeto --create --appType electron\r\n$ cd MeuSegundoProjeto\r\n$ npm install\r\n$ npm start\r\n<\/pre>\n
Como proceder daqui em diante?<\/h3>\n
Se tudo deu certo, voc\u00ea ter\u00e1 um outro aplicativo aberto mostrando o conte\u00fado do index.html<\/em> que foi colocado l\u00e1 pelo YeAPF.<\/p>\n
Mantendo ele aberto, voc\u00ea pode modificar o index.html<\/em> e recarregar o aplicativo sem fecha-lo (ctrl-R, F5, etc) ao final das contas o que vc est\u00e1 rodando \u00e9 um Chrome.<\/p>\n
Se um arrepio correu pelas suas costas, \u00e9 que vc j\u00e1 entendeu o potencial.<\/p>\n
Se nada disso lhe deu nem tchum, talvez n\u00e3o saiba o complicado que \u00e9 produzir software para mais de uma plataforma e – pior – que rode na primeira. Com um pouco mais de tempo chegar\u00e1 a observar a import\u00e2ncia disto.<\/p>\n","protected":false},"excerpt":{"rendered":"
Saladas s\u00e3o boas. Por isso o t\u00edtulo mistura tr\u00eas coisas que j\u00e1 sozinhas s\u00e3o boas. 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\u00e9cnicas de web (HTML5, CSS3 e JS6). Esta aproxima\u00e7\u00e3o nos permite […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[49,8],"tags":[112,110],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5O6UV-7k","jetpack-related-posts":[{"id":432,"url":"http:\/\/www.yeapf.com\/wp\/?p=432","url_meta":{"origin":454,"position":0},"title":"Usando Raspberry com ElectronJS em modo Quiosque","date":"julho 25, 2018","format":false,"excerpt":"Temos um Raspberry e um desafio de fazer um sistema de senhas de atendimento que rode em qualquer plataforma. Ent\u00e3o instalamos node, um boilerplate do electron, uma interface gr\u00e1fica e o YeAPF para fornecer um webservice acess\u00edvel por um consumidor qualquer com uma tela tipo quiosque. Instalando as coisas. Estamos\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/www.yeapf.com\/wp\/wp-content\/uploads\/2018\/07\/WhatsApp-Image-2018-07-24-at-17.15.10-1-300x224.jpeg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5,"url":"http:\/\/www.yeapf.com\/wp\/?p=5","url_meta":{"origin":454,"position":1},"title":"Migrando bancos de dados com ydbmigrate","date":"janeiro 10, 2014","format":false,"excerpt":"Desenvolver um aplicativo implica em ter um bom banco de dados, mas responder rapidamente a uma migra\u00e7\u00e3o estrutural \u00e9 mais um pesadelo do que uma noite bem dormida. Dentre as ferramentas que o YeAPF disp\u00f5e se encontra o ydbmigrate. Esta ferramenta nos permite exportar e importar dados de varias fontes\u2026","rel":"","context":"Em \"firebird\"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":184,"url":"http:\/\/www.yeapf.com\/wp\/?p=184","url_meta":{"origin":454,"position":2},"title":"Exemplo - web01 - OnePage YeAPF Web Application","date":"dezembro 26, 2014","format":false,"excerpt":"Esta \u00e9 uma das continua\u00e7\u00f5es deste artigo. Por que criar aplicativos mono p\u00e1gina? Bom, a grande virtude de um aplicativo mono p\u00e1gina \u00e9 que tudo o que voc\u00ea precisar est\u00e1 pronto assim que o usu\u00e1rio carregou a p\u00e1gina inicial e caso sejam necess\u00e1rias mais p\u00e1ginas, formul\u00e1rios, tabelas elas tamb\u00e9m podem\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/www.yeapf.com\/wp\/wp-content\/uploads\/2019\/05\/office-932926_1920.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":181,"url":"http:\/\/www.yeapf.com\/wp\/?p=181","url_meta":{"origin":454,"position":3},"title":"Como utilizar um mesmo c\u00f3digo em Desktop, Mobile e Web","date":"dezembro 26, 2014","format":false,"excerpt":"O Nirvana do programador O nirvana de todo programador \u00e9 quase com certeza ter um \u00fanico c\u00f3digo para ser utilizado em quantas plataformas seja poss\u00edvel. Isso tem muita vantagens, entre elas n\u00e3o limitar o campo de escolha do cliente e se preocupar uma \u00fanica vez com o c\u00f3digo. Para eliminar\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/www.yeapf.com\/wp\/wp-content\/uploads\/2019\/05\/work-731198_1920.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":39,"url":"http:\/\/www.yeapf.com\/wp\/?p=39","url_meta":{"origin":454,"position":4},"title":"Ajax com YeAPF","date":"mar\u00e7o 3, 2014","format":false,"excerpt":"Pretendo deixar cada uma das postagens o mais simples poss\u00edvel.\u00a0 Mas, n\u00e3o \u00e9 poss\u00edvel proceder com este se antes voc\u00ea n\u00e3o instalou e configurou seu ambiente de desenvolvimento e o YeAPF.\u00a0 Este post (http:\/\/inovacaosistemas.com.br\/wp\/?p=25) lhe pode ajudar a fazer isso, caso n\u00e3o o tenha feito ainda. Introdu\u00e7\u00e3o Nos prim\u00f3rdios da\u2026","rel":"","context":"Post similar","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":557,"url":"http:\/\/www.yeapf.com\/wp\/?p=557","url_meta":{"origin":454,"position":5},"title":"Monitorando mudan\u00e7a de aba em SPA","date":"agosto 23, 2019","format":false,"excerpt":"Aguardar por um evento \u00e9 melhor... YeAPF! tem um gestor de abas bem simples de usar que permite construir um SPA (Single Page Application) com muita facilidade. Tendo v\u00e1rias abas, uma coisa que quase com certeza vai querer fazer \u00e9 responder dinamicamente a essa mudan\u00e7a atualizando - por exemplo -\u2026","rel":"","context":"Post similar","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.yeapf.com\/wp\/wp-content\/uploads\/2019\/08\/girl-wathcing-binoculars.jpeg?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/454"}],"collection":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=454"}],"version-history":[{"count":5,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/454\/revisions"}],"predecessor-version":[{"id":464,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/454\/revisions\/464"}],"wp:attachment":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=454"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}