Platzi
Platzi

隆Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 17D : 12H : 7M : 49S

Debes tener cuenta en Platzi

Para ver esta clase abierta debes iniciar sesi贸n

Curso de Electron: Apps de escritorio en Windows y Mac

Curso de Electron: Apps de escritorio en Windows y Mac

platzerito18092018 platzerito18092018

platzerito18092018 platzerito18092018

Configurando nuestro frontend9/52

El proyecto electron-compile, nos permite escribir en diferentes tecnolog铆as que no est谩n soportadas nativamente en HTML y compila el c贸digo
en tiempo de ejecuci贸n.
En Windows instalemos la herramienta cross-env que nos permite que las variables de entorno que configuremos en package.json sean iguales para Windows, Linux y Mac.

npm install cross-env --save

Valdr铆a la pena revisar el curso y actualizarlo donde haga falta. Hasta ahora est谩 muy bien explicado y lo entiendo a la perfecci贸n. Muy buen instructor. Sin embargo, debido a la naturaleza del software y los cambios tan r谩pidos algunos m贸dulos ya no son compatibles y otros simplemente est谩n desatendidos. Afortunadamente me gusta aprender y busco la forma de sobrepasar estos obst谩culos por mi cuenta, pero para ser un curso por el que estamos pagando creo que deber铆a contar con una revisi贸n peri贸dica.

Por lo que v铆 en los videos posteriores todos dejaron por la paz el curso aqu铆.

  1. Es verdad que con electron-compile obsoleto una gran parte del curso muere, sin embargo por diversi贸n, viendo alternativas, les dejo esto:
    webpack-electron-example
    En donde hago un peque帽o ejemplo de como usar webpack para reemplazar por decir de alguna forma, a electron-compile.
    Con eso podr铆an continuar el curso, s贸lo deben ir comparando que este curso es de hace dos a帽os, versus los cambios que han habido.

  2. Pueden sacarle el m谩ximo a este curso qued谩ndose y repasando las secciones:
    Interactuando con el sistema operativo
    Generando un ejecutable para nuestra aplicaci贸n

  3. En este curso se utiliza html,css y js desde cero para que la curva de aprendizaje no sea tan salvaje. Sin embargo en 鈥渓a vida real鈥 absolutamente todos los proyectos se hacen con Angular, React o Vue, as铆 que los invito enteramente a que se echen un chapuzon con un 鈥渉ow to build a electron vue app鈥 o similar.

  4. Carreras de Platzi que har谩 que puedan con pura documentaci贸n armarse su app de Electron:
    Arquitectura Frontend
    Javascript
    Desarrollo con Angular | Frontend con React | VueJs
    Listo y no se desanimen 馃槂

No lo menciona,para recargar la app sin cerrar la ventana (min 8:42) es en Windows Ctrl+R o en el men煤 View y ah铆 salen los atajos, y lo equivalente en Mac y Linux.

Link repo electron-compile
https://github.com/electron-userland/electron-compile

$ npm install electron-prebuilt-compile --save-dev

$ npm remove electron --save

$ npm install --save electron-compile

$ npm install cross-env --save

Ten茅is que actualizar, este curso es casi inservible para la mayor铆a.

Les dejo este enlace para los que quieren aprender c贸mo integrar Electron con React. https://www.freecodecamp.org/news/building-an-electron-application-with-create-react-app-97945861647c/

Ya no s茅 si seguir el curso o me voy a YouTube a buscar algo m谩s actualizado.

Cap铆tulos desactualizados. electron-compile DEPRECATED.

Ayuda, al correr npm install electron-prebuilt-compile --save-dev me sale todo esto, no se que signifique.
PS C:\users\elvis\documents\elvis\javascript\electron\siad\src\assets> cd鈥
PS C:\users\elvis\documents\elvis\javascript\electron\siad\src> cd鈥
PS C:\users\elvis\documents\elvis\javascript\electron\siad> npm install electron-prebuilt-compile --save-dev
npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to 鈥渃offeescript鈥 (no hyphen)
npm WARN deprecated [email protected]: Jade has been renamed to pug, please install the latest version of pug instead of jade
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: Please update to at least constantinople 3.1.1
npm WARN deprecated [email protected]: Deprecated, use jstransformer
npm WARN deprecated [email protected]: This version is no longer maintained. Please upgrade to the latest version.
npm WARN deprecated [email protected]: This version is no longer maintained. Please upgrade to the latest version.
npm WARN deprecated [email protected]: This version is no longer maintained. Please upgrade to the latest version.

[email protected] postinstall C:\users\elvis\documents\elvis\javascript\electron\siad\node_modules\electron-prebuilt-compile\node_modules\electron
node install.js

npm WARN [email protected] No repository field.

  • [email protected]
    added 428 packages from 506 contributors and audited 4284 packages in 142.437s
    found 6 vulnerabilities (2 low, 4 moderate)
    run npm audit fix to fix them, or npm audit for details

deprecated :c

instal茅 el cross-env y deje el const de electron como estaba, y sustitu铆 el electron-compile por este otro https://www.npmjs.com/package/electron-reloader , pongan el c贸digo dentro del mismo if que hizo el profe. No s茅 si es la mejor opci贸n, pero de momento lo solucione as铆, y funciona tal cual la demostraci贸n, as铆 puedo continuar con el curso.

recomendacion para los que estan trabajando EN WINDOWS, realicen el procedimiento del npm install cross-env --save a penas terminen de hacer la instalacion del electron-compile (minuto 7:30)鈥

despues de varios intentos pude hacerlo asi y se evitan varios dolores de cabeza鈥

Nota:
electron-compile requiere electron-prebuilt y electron-prebuilt ya est谩 marcado como obsoleto.

Despu茅s de editar el index.js a (import 鈥 from 鈥榚lectron鈥) me sale el siguiente error a la hora de ejecutar la app:

<code>App threw an error during load
SyntaxError: /Users/name/platzipics/src/index.js: Unexpected token, expected , (34:14)
  32 | 	})
  33 | 	
> 34 | 	win.loadURL(`file://${__dirname}/src/renderer/index.html`)
     |      	        ^
  35 | })
  36 | 
    at Parser.pp$5.raise (/Users/name/platzipics/node_modules/babylon/lib/index.js:4454:13)
    at Parser.pp.unexpected (/Users/v/platzipics/node_modules/babylon/lib/index.js:1761:8)
    at Parser.pp.expect (/Users/name/platzipics/node_modules/babylon/lib/index.js:1749:33)
    at Parser.pp$3.parseCallExpressionArguments (/Users/name/platzipics/node_modules/babylon/lib/index.js:3564:12)
    at Parser.pp$3.parseSubscripts (/Users/name/platzipics/node_modules/babylon/lib/index.js:3533:31)
    at Parser.pp$3.parseExprSubscripts (/Users/name/platzipics/node_modules/babylon/lib/index.js:3504:15)
    at Parser.pp$3.parseMaybeUnary (/Users/name/platzipics/node_modules/babylon/lib/index.js:3474:19)
    at Parser.pp$3.parseExprOps (/Users/name/platzipics/node_modules/babylon/lib/index.js:3404:19)
    at Parser.pp$3.parseMaybeConditional (/Users/name/platzipics/node_modules/babylon/lib/index.js:3381:19)
    at Parser.pp$3.parseMaybeAssign (/Users/name/platzipics/node_modules/babylon/lib/index.js:3344:19)

al correr npm run dev, me marca este error: (electron) The 鈥榣statSyncNoException鈥 has been deprecated and marked for removal.

Y no me recarga la app al modificar el css

Con la version 4.0.0 de electron-prebuilt-compile da error al ejecutar el comando npm run dev.
Ha alguien le paso y sabe como solucionarlo? Yo no he encontrado solucion aun.

App threw an error during load
TypeError: _fs2.default.statSyncNoException is not a function
at findPackageJson (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:25:20)
at main (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:44:23)
at Object.<anonymous> (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:61:1)
at Object.<anonymous> (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:63:3)
at Module._compile (internal/modules/cjs/loader.js:693:30)
at Object.Module._extensions鈥s (internal/modules/cjs/loader.js:704:10)
at Module.load (internal/modules/cjs/loader.js:602:32)
at tryModuleLoad (internal/modules/cjs/loader.js:541:12)
at Function.Module._load (internal/modules/cjs/loader.js:533:3)
at loadApplicationPackage (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron/dist/resources/default_app.asar/main.js:119:12)

Con la version 1.6.6, como muestra el video, si me funciono.

Tengo esto errror alguien que me pueda ayudar
App threw an error during load
TypeError: _fs2.default.statSyncNoException is not a function
at findPackageJson (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:25:20)
at main (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:44:23)
at Object.<anonymous> (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:61:1)
at Object.<anonymous> (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:63:3)
at Module._compile (internal/modules/cjs/loader.js:693:30)
at Object.Module._extensions鈥s (internal/modules/cjs/loader.js:704:10)
at Module.load (internal/modules/cjs/loader.js:602:32)
at tryModuleLoad (internal/modules/cjs/loader.js:541:12)
at Function.Module._load (internal/modules/cjs/loader.js:533:3)
at loadApplicationPackage (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\node_modules\electron\dist\resources\default_app.asar\main.js:119:12)

Electron-compile est谩 obsoleto, asi que aconsejo que busqueis otras soluciones como webpack.

Para cuando una actulizacion鈥

rayos no se si seguir o dejarlo aqui :0
pero quiero aprender

liveReload

cross-env

electron-compile

  1. Electron-compile est谩 depreciado, pero no es necesario usarlo.

  2. En windows

consola >> set NODE_ENV=development

devtools.js

const reload = require('electron-reload')

function run_dev_tools() {
    reload(__dirname)
}

exports.run_dev_tools = run_dev_tools

main.js

const devtools = require('./devtools')

if (process.env.NODE_ENV === 'development') {
    devtools.run_dev_tools()
}

驴Qu茅 significa esto?

process.env.NODE_ENV```

Todo muy bien, estoy en linux y lo 煤nico que eh observado es que aparecen en la ventana la barra de menu; file, edit,view,widows etc.
Y no bloquea el maximizar, alguna idea de que puede estar pasando??

Hola, despues de instalar electron-compile el proceso de carga de la aplicacion una vez ejecuto npm run dev se volvio muy lento, por que puede estar pasando esto?

Adicionalmente la consola comenz贸 a mostrarme el siguiente warnig una vez ejecutada la app:

_Warning, the following targets are using a decimal version:

electron: 1.6

We recommend using a string for minor/patch versions to avoid numbers like 6.10
getting parsed as 6.1, which can lead to unexpected behavior._

Podr铆a entonces usar react o vue para crear la app en electron??

ya ni me cambian los colores 馃槮
se quedo con amarillo 馃槮

TENGO ESTE ERROR

dfg.png

tengo un error

App threw an error during load
TypeError: global.globalCompilerHost.listenToCompileEvents(鈥).filter is not a function
at enableLiveReloadNaive (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\node_modules\electron-compile\lib\live-reload.js:72:76)
at enableLiveReload (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\node_modules\electron-compile\lib\live-reload.js:49:7)
at enableLiveReload (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\node_modules\electron-compile\lib\index.js:35:12)
at devtools (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\src\devtools.js:6:40)
at Object.<anonymous> (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\src\index.js:15:25)
at Object.<anonymous> (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\src\index.js:49:3)
at Module._compile (module.js:569:30)
at Object.require.extensions.(anonymous function) [as .js] (C:\Users\adonia\Documents\cursos de platzi\curso de electron\miappy\node_modules\electron-compile\lib\require-hook.js:77:14)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)

Es medio confuso el borrar Electron del proyecto y luego instalar como dependencia Electron Compile. 驴es verdaderamente as铆?

Es como decir que Electron Compile tiene Electron Core (por as铆 decirlo) adem谩s de los features que aguatan ES6

hola quer铆a saber me sale el siguiente error soy usuario de windows , instale todo tal cual el v铆deo y aparece el error
"NODE_ENV" no se reconoce como un comando interno o externo,
programa o archivo por lotes ejecutable.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: NODE_ENV=development electron src/index.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\w4llker\AppData\Roaming\npm-cache_logs\2018-03-24T20_05_37_972Z-debug.log

A d铆a de hoy enableLiveReload recarga automaticamente la ventana el guardar cambios dentro del proyecto.

Puedes ver el resumen que voy haciendo del curso en el siguiente link.

Valdr铆a la pena revisar el curso y actualizarlo donde haga falta. Hasta ahora est谩 muy bien explicado y lo entiendo a la perfecci贸n. Muy buen instructor. Sin embargo, debido a la naturaleza del software y los cambios tan r谩pidos algunos m贸dulos ya no son compatibles y otros simplemente est谩n desatendidos. Afortunadamente me gusta aprender y busco la forma de sobrepasar estos obst谩culos por mi cuenta, pero para ser un curso por el que estamos pagando creo que deber铆a contar con una revisi贸n peri贸dica.

Por lo que v铆 en los videos posteriores todos dejaron por la paz el curso aqu铆.

  1. Es verdad que con electron-compile obsoleto una gran parte del curso muere, sin embargo por diversi贸n, viendo alternativas, les dejo esto:
    webpack-electron-example
    En donde hago un peque帽o ejemplo de como usar webpack para reemplazar por decir de alguna forma, a electron-compile.
    Con eso podr铆an continuar el curso, s贸lo deben ir comparando que este curso es de hace dos a帽os, versus los cambios que han habido.

  2. Pueden sacarle el m谩ximo a este curso qued谩ndose y repasando las secciones:
    Interactuando con el sistema operativo
    Generando un ejecutable para nuestra aplicaci贸n

  3. En este curso se utiliza html,css y js desde cero para que la curva de aprendizaje no sea tan salvaje. Sin embargo en 鈥渓a vida real鈥 absolutamente todos los proyectos se hacen con Angular, React o Vue, as铆 que los invito enteramente a que se echen un chapuzon con un 鈥渉ow to build a electron vue app鈥 o similar.

  4. Carreras de Platzi que har谩 que puedan con pura documentaci贸n armarse su app de Electron:
    Arquitectura Frontend
    Javascript
    Desarrollo con Angular | Frontend con React | VueJs
    Listo y no se desanimen 馃槂

No lo menciona,para recargar la app sin cerrar la ventana (min 8:42) es en Windows Ctrl+R o en el men煤 View y ah铆 salen los atajos, y lo equivalente en Mac y Linux.

Link repo electron-compile
https://github.com/electron-userland/electron-compile

$ npm install electron-prebuilt-compile --save-dev

$ npm remove electron --save

$ npm install --save electron-compile

$ npm install cross-env --save

Ten茅is que actualizar, este curso es casi inservible para la mayor铆a.

Les dejo este enlace para los que quieren aprender c贸mo integrar Electron con React. https://www.freecodecamp.org/news/building-an-electron-application-with-create-react-app-97945861647c/

Ya no s茅 si seguir el curso o me voy a YouTube a buscar algo m谩s actualizado.

Cap铆tulos desactualizados. electron-compile DEPRECATED.

Ayuda, al correr npm install electron-prebuilt-compile --save-dev me sale todo esto, no se que signifique.
PS C:\users\elvis\documents\elvis\javascript\electron\siad\src\assets> cd鈥
PS C:\users\elvis\documents\elvis\javascript\electron\siad\src> cd鈥
PS C:\users\elvis\documents\elvis\javascript\electron\siad> npm install electron-prebuilt-compile --save-dev
npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to 鈥渃offeescript鈥 (no hyphen)
npm WARN deprecated [email protected]: Jade has been renamed to pug, please install the latest version of pug instead of jade
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: Please update to at least constantinople 3.1.1
npm WARN deprecated [email protected]: Deprecated, use jstransformer
npm WARN deprecated [email protected]: This version is no longer maintained. Please upgrade to the latest version.
npm WARN deprecated [email protected]: This version is no longer maintained. Please upgrade to the latest version.
npm WARN deprecated [email protected]: This version is no longer maintained. Please upgrade to the latest version.

[email protected] postinstall C:\users\elvis\documents\elvis\javascript\electron\siad\node_modules\electron-prebuilt-compile\node_modules\electron
node install.js

npm WARN [email protected] No repository field.

  • [email protected]
    added 428 packages from 506 contributors and audited 4284 packages in 142.437s
    found 6 vulnerabilities (2 low, 4 moderate)
    run npm audit fix to fix them, or npm audit for details

deprecated :c

instal茅 el cross-env y deje el const de electron como estaba, y sustitu铆 el electron-compile por este otro https://www.npmjs.com/package/electron-reloader , pongan el c贸digo dentro del mismo if que hizo el profe. No s茅 si es la mejor opci贸n, pero de momento lo solucione as铆, y funciona tal cual la demostraci贸n, as铆 puedo continuar con el curso.

recomendacion para los que estan trabajando EN WINDOWS, realicen el procedimiento del npm install cross-env --save a penas terminen de hacer la instalacion del electron-compile (minuto 7:30)鈥

despues de varios intentos pude hacerlo asi y se evitan varios dolores de cabeza鈥

Nota:
electron-compile requiere electron-prebuilt y electron-prebuilt ya est谩 marcado como obsoleto.

Despu茅s de editar el index.js a (import 鈥 from 鈥榚lectron鈥) me sale el siguiente error a la hora de ejecutar la app:

<code>App threw an error during load
SyntaxError: /Users/name/platzipics/src/index.js: Unexpected token, expected , (34:14)
  32 | 	})
  33 | 	
> 34 | 	win.loadURL(`file://${__dirname}/src/renderer/index.html`)
     |      	        ^
  35 | })
  36 | 
    at Parser.pp$5.raise (/Users/name/platzipics/node_modules/babylon/lib/index.js:4454:13)
    at Parser.pp.unexpected (/Users/v/platzipics/node_modules/babylon/lib/index.js:1761:8)
    at Parser.pp.expect (/Users/name/platzipics/node_modules/babylon/lib/index.js:1749:33)
    at Parser.pp$3.parseCallExpressionArguments (/Users/name/platzipics/node_modules/babylon/lib/index.js:3564:12)
    at Parser.pp$3.parseSubscripts (/Users/name/platzipics/node_modules/babylon/lib/index.js:3533:31)
    at Parser.pp$3.parseExprSubscripts (/Users/name/platzipics/node_modules/babylon/lib/index.js:3504:15)
    at Parser.pp$3.parseMaybeUnary (/Users/name/platzipics/node_modules/babylon/lib/index.js:3474:19)
    at Parser.pp$3.parseExprOps (/Users/name/platzipics/node_modules/babylon/lib/index.js:3404:19)
    at Parser.pp$3.parseMaybeConditional (/Users/name/platzipics/node_modules/babylon/lib/index.js:3381:19)
    at Parser.pp$3.parseMaybeAssign (/Users/name/platzipics/node_modules/babylon/lib/index.js:3344:19)

al correr npm run dev, me marca este error: (electron) The 鈥榣statSyncNoException鈥 has been deprecated and marked for removal.

Y no me recarga la app al modificar el css

Con la version 4.0.0 de electron-prebuilt-compile da error al ejecutar el comando npm run dev.
Ha alguien le paso y sabe como solucionarlo? Yo no he encontrado solucion aun.

App threw an error during load
TypeError: _fs2.default.statSyncNoException is not a function
at findPackageJson (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:25:20)
at main (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:44:23)
at Object.<anonymous> (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:61:1)
at Object.<anonymous> (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:63:3)
at Module._compile (internal/modules/cjs/loader.js:693:30)
at Object.Module._extensions鈥s (internal/modules/cjs/loader.js:704:10)
at Module.load (internal/modules/cjs/loader.js:602:32)
at tryModuleLoad (internal/modules/cjs/loader.js:541:12)
at Function.Module._load (internal/modules/cjs/loader.js:533:3)
at loadApplicationPackage (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron/dist/resources/default_app.asar/main.js:119:12)

Con la version 1.6.6, como muestra el video, si me funciono.

Tengo esto errror alguien que me pueda ayudar
App threw an error during load
TypeError: _fs2.default.statSyncNoException is not a function
at findPackageJson (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:25:20)
at main (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:44:23)
at Object.<anonymous> (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:61:1)
at Object.<anonymous> (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:63:3)
at Module._compile (internal/modules/cjs/loader.js:693:30)
at Object.Module._extensions鈥s (internal/modules/cjs/loader.js:704:10)
at Module.load (internal/modules/cjs/loader.js:602:32)
at tryModuleLoad (internal/modules/cjs/loader.js:541:12)
at Function.Module._load (internal/modules/cjs/loader.js:533:3)
at loadApplicationPackage (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\node_modules\electron\dist\resources\default_app.asar\main.js:119:12)

Electron-compile est谩 obsoleto, asi que aconsejo que busqueis otras soluciones como webpack.

Para cuando una actulizacion鈥

rayos no se si seguir o dejarlo aqui :0
pero quiero aprender

liveReload

cross-env

electron-compile

  1. Electron-compile est谩 depreciado, pero no es necesario usarlo.

  2. En windows

consola >> set NODE_ENV=development

devtools.js

const reload = require('electron-reload')

function run_dev_tools() {
    reload(__dirname)
}

exports.run_dev_tools = run_dev_tools

main.js

const devtools = require('./devtools')

if (process.env.NODE_ENV === 'development') {
    devtools.run_dev_tools()
}

驴Qu茅 significa esto?

process.env.NODE_ENV```

Todo muy bien, estoy en linux y lo 煤nico que eh observado es que aparecen en la ventana la barra de menu; file, edit,view,widows etc.
Y no bloquea el maximizar, alguna idea de que puede estar pasando??

Hola, despues de instalar electron-compile el proceso de carga de la aplicacion una vez ejecuto npm run dev se volvio muy lento, por que puede estar pasando esto?

Adicionalmente la consola comenz贸 a mostrarme el siguiente warnig una vez ejecutada la app:

_Warning, the following targets are using a decimal version:

electron: 1.6

We recommend using a string for minor/patch versions to avoid numbers like 6.10
getting parsed as 6.1, which can lead to unexpected behavior._

Podr铆a entonces usar react o vue para crear la app en electron??

ya ni me cambian los colores 馃槮
se quedo con amarillo 馃槮

TENGO ESTE ERROR

dfg.png

tengo un error

App threw an error during load
TypeError: global.globalCompilerHost.listenToCompileEvents(鈥).filter is not a function
at enableLiveReloadNaive (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\node_modules\electron-compile\lib\live-reload.js:72:76)
at enableLiveReload (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\node_modules\electron-compile\lib\live-reload.js:49:7)
at enableLiveReload (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\node_modules\electron-compile\lib\index.js:35:12)
at devtools (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\src\devtools.js:6:40)
at Object.<anonymous> (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\src\index.js:15:25)
at Object.<anonymous> (C:\Users\adonia\documents\cursos de platzi\curso de electron\miappy\src\index.js:49:3)
at Module._compile (module.js:569:30)
at Object.require.extensions.(anonymous function) [as .js] (C:\Users\adonia\Documents\cursos de platzi\curso de electron\miappy\node_modules\electron-compile\lib\require-hook.js:77:14)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)

Es medio confuso el borrar Electron del proyecto y luego instalar como dependencia Electron Compile. 驴es verdaderamente as铆?

Es como decir que Electron Compile tiene Electron Core (por as铆 decirlo) adem谩s de los features que aguatan ES6

hola quer铆a saber me sale el siguiente error soy usuario de windows , instale todo tal cual el v铆deo y aparece el error
"NODE_ENV" no se reconoce como un comando interno o externo,
programa o archivo por lotes ejecutable.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: NODE_ENV=development electron src/index.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\w4llker\AppData\Roaming\npm-cache_logs\2018-03-24T20_05_37_972Z-debug.log

A d铆a de hoy enableLiveReload recarga automaticamente la ventana el guardar cambios dentro del proyecto.

Puedes ver el resumen que voy haciendo del curso en el siguiente link.