Just awesome! I came here with good backend experience, trying to integrate Electron with some frontend system like Vue. My frontend skills were stuck in late 90-ies. So it was a pain in the bass for almost two days... Now I have a really strong and clear boilerplate for such a joint. Thanks Andre!
For those who want to change title of main window : - Go to public folder -> index.html - remove the title label - add in background.js the title attribute like the following line: win = new BrowserWindow({title: "My App"})
Andre, while I appreciated the content showing Vue-Cli-3 with Electron, I want to comment on something personal. Friend, your voice is SOOOOOOO smooth. I mean VELVET - no, smoother even. Like creamery butter on white bread smooth. You were SO easy to listen to and it made learning these details SO much easier. IMO, you should 1) audition to read segments on National Public Radio; 2) DJ on a Jazz station at night; 3) record AudioBooks; 4) start a chat line where women can call you pay per minute just to talk to them $$$ (seriously, you could talk their clothes off, NK); 5) back to #3 - specialize in children's nighttime story books cuz you'll put kids right to sleep and parents will pay ANYTHING for THAT skill; 6) GET AN AGENT and audition for voice parts for Hollywood studios and Disney. I know those suggestions are probably partly off-putting because we geeks would like to be known for our brains over our bodies, but in your case, the world needs you to sell your vocal cords. ;-) Best of luck to you! Now I'm going to click "subscribe" and pray that I like your other content because I'll be listening no matter what you do. ;-)
Great video thank you How can I fix the "Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response" in web view? Thank you
Note: No CORS error would have occurred if the URI was instead included the www of www.reddit.com/r/aww.json. This endpoint does specify the Access-Control-Allow-Origin of "*"
Cool video! I have a question... How child_process works in Electron to exec some command line when I pressed a button in VueJS? maybe you know of some tutorial? thanks for share your knowledge! :)
sir i have problem with Electron with veujs, when i build it and copy that file build to another computer (macOs or window) . it's can not install. why?
Hello, I am using the electron set, the logo can use the electronic update, but when generating a build it does not create the app-update.yml and / or the latest.yml, to update the desktop application, I would like a help if possible.
Anyone else having problems running vue in electron after a build? no assets get loaded, no js/css/img files. all works well in dev but production requires it to be loaded of an http-server?
Getting errors related to property or method "post" is not defined on the instance, but referenced during the renderer. make sure property is reactive. Also error in renderer: typeError cannot read property of undefined. Cannot read property of data of undefined. Whats going on here?
Great job, but dude, what's that extension (or config) that colorize your tabs ? I would think is the "bracket colorize" but i don't know how to configure it as yours,
how can i change the electronapp icon i m building electron app with npm run electron:build .before build where i need to change that default electonicon
how can i use native nodejs modules with this plugin ? im talking about things like express and fs . i tried so hard to get this working with npm modules but it just wouldn't work so i ended up being stuck with vue-cdn and we all know thats no good .
When running npm run build:electron, the additional window which acts as the image previewer how does the browserwindow load the URL to the application when the application is loaded from a html file in production?
Great question! I've added a commit to make the router work with production builds. Just tested it out with `npm run build:electron` and it works (on my mac at least): github.com/drehimself/electron-vue-example/commit/bff927bd4e2e0695471d9e74d316e9db8d95632c
Incase you get this error # __dirname is not defined electron Check out this solution stackoverflow.com/questions/62777834/how-fix-dirname-not-defined-when-using-electron-events-with-vue
There is no reason why i should code my tools with C# and WPF when i can create beautiful apps with Electron and VUE :-o Most time i'm writing RESTful Services and HTML Frontends with Vue anyway.... Its platform indendent too... Damn
Just awesome!
I came here with good backend experience, trying to integrate Electron with some frontend system like Vue. My frontend skills were stuck in late 90-ies. So it was a pain in the bass for almost two days... Now I have a really strong and clear boilerplate for such a joint. Thanks Andre!
For those who want to change title of main window :
- Go to public folder -> index.html
- remove the title label
- add in background.js the title attribute like the following line:
win = new BrowserWindow({title: "My App"})
It would be awesome to have more of videos alike this.
Thanks for watching!
Andre, while I appreciated the content showing Vue-Cli-3 with Electron, I want to comment on something personal. Friend, your voice is SOOOOOOO smooth. I mean VELVET - no, smoother even. Like creamery butter on white bread smooth. You were SO easy to listen to and it made learning these details SO much easier. IMO, you should 1) audition to read segments on National Public Radio; 2) DJ on a Jazz station at night; 3) record AudioBooks; 4) start a chat line where women can call you pay per minute just to talk to them $$$ (seriously, you could talk their clothes off, NK); 5) back to #3 - specialize in children's nighttime story books cuz you'll put kids right to sleep and parents will pay ANYTHING for THAT skill; 6) GET AN AGENT and audition for voice parts for Hollywood studios and Disney. I know those suggestions are probably partly off-putting because we geeks would like to be known for our brains over our bodies, but in your case, the world needs you to sell your vocal cords. ;-) Best of luck to you! Now I'm going to click "subscribe" and pray that I like your other content because I'll be listening no matter what you do. ;-)
LOL... I'll stick to web development for now. Thanks for watching!
You're weird.
thank you, more videos with Vue please
Thanks for watching! Definitely more Vue stuff coming!
great video Andre! it would be great to have more videos with this plugin
This saved me some time researching the plugin - thanks for the video!
Great video thank you
How can I fix the "Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response" in web view?
Thank you
The best video tutorials ever. Thank you!
Thanks for watching!
Great Video. ( which VS CODE theme are you using ??? )
just personal notes: 8:16 fixe CORS error, 15:30 routes, 17:00 event listener, 19:50 hidding windows
i needed the part in wich you have to build or package the project, :(
Hello, can you post your vscode configuration? Which plugin are you using?
@Andre Madarang Why do you insist on using Axios if fetch API is already available in the browser?
Note: No CORS error would have occurred if the URI was instead included the www of www.reddit.com/r/aww.json. This endpoint does specify the Access-Control-Allow-Origin of "*"
Good to know!
Cool video! I have a question... How child_process works in Electron to exec some command line when I pressed a button in VueJS? maybe you know of some tutorial? thanks for share your knowledge! :)
Thanks for this video. what Color scheme do you use for VS Code?
Material Theme.
Thank you sir please upload more videos
Thanks for watching!
Stop calling people online "Sir" it's weird and creepy.
Wish there was a plugin like this for Vite.
sir i have problem with Electron with veujs, when i build it and copy that file build to another computer (macOs or window) . it's can not install. why?
how to hide vertical scrollbar. Thank you
Hello, I am using the electron set, the logo can use the electronic update, but when generating a build it does not create the app-update.yml and / or the latest.yml, to update the desktop application, I would like a help if possible.
Great video man. I really recommend a linter though, it would have caught all your mistakes.
Haha for sure. I haven't quite gotten an eslint + prettier config that I like 100%.
@@drehimself if you solve this for you - a video on this topic would be quite in demand. thanks in advance
Anyone else having problems running vue in electron after a build? no assets get loaded, no js/css/img files. all works well in dev but production requires it to be loaded of an http-server?
Awesome video, thank you! Helped so much!
Thanks for watching!
It was very helpful for me, thx
created hook is not getting called in image.vue. Any suggestion?
Should I learn VUE.js before I getting start electron-vue ??
Yes!
Well done! What color theme do you use?
Material Theme
Yeah, I found it already. Thank you!
Can you tell me how to use Less?
how do you connect to sqlite database
Getting errors related to property or method "post" is not defined on the instance, but referenced during the renderer. make sure property is reactive. Also error in renderer: typeError cannot read property of undefined. Cannot read property of data of undefined. Whats going on here?
How about Electron.js + Nuxt.js? Do you recommend?
anyone make video how to use vue-electron + serialPort Pls
Great job, but dude, what's that extension (or config) that colorize your tabs ? I would think is the "bracket colorize" but i don't know how to configure it as yours,
That one is rainbow indent: marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
@@drehimself thx dude :D
how can i change the electronapp icon
i m building electron app with npm run electron:build .before build where i need to change that default electonicon
How to change port in eletron js
sir how can i print div element using electron with vue?
how can i use native nodejs modules with this plugin ? im talking about things like express and fs .
i tried so hard to get this working with npm modules but it just wouldn't work so i ended up being stuck with vue-cdn and we all know thats no good .
How to integrate with sqlite?
When running npm run build:electron, the additional window which acts as the image previewer how does the browserwindow load the URL to the application when the application is loaded from a html file in production?
Great question! I've added a commit to make the router work with production builds. Just tested it out with `npm run build:electron` and it works (on my mac at least): github.com/drehimself/electron-vue-example/commit/bff927bd4e2e0695471d9e74d316e9db8d95632c
Can you tell me how can I implement infinite scrolling on the reddit api using axios? You're only getting the object lists from the first get request.
How can I start the application using node? I need node integration for some of my used dependencies. :)
Has anyone gotten Build Win requireAdministrator in package.json to work? I need to run every file in admin rights.
What is the theme you’re using??
Wait for Electron with Vue.js and Firebase
Firebase will work the same way in any web app. I have a video on it in my Vue Todo series.
Nuxtjs desktop app?
Thank you
Hoe to build app for multiple platform looking forward for your reply. I really need your response
thanks soo muchhh!
Thank you mate !
Thanks for watching!
Would you guys say that Vue is a-lot more compatible with electron than react?
They both work well. I think it's just a matter of preference.
I know this is an old video but i need some help.
Failed to compile.
./src/components/HelloWorld.vue
Module Error (from ./node_modules/eslint-loader/index.js):
C:\programming-projects\electron-vue-example\src\components\HelloWorld.vue
25:28 error Parsing error: Unexpected token, expected ","
11 | axios.get("reddit.com/r/aww.json")
12 | .then(response --> {
> 13 | console,log(response.data.data.childern)
| ^
14 | })
15 | .catch(error --> {
16 | console,log(error)
✖ 1 problem (1 error, 0 warnings)
you used , instead of . in console log
Great video
Thanks for watching!
very cool !!!!! thks a lot!!!!
Great tutorial! maybe one with Vue Graphql
Thanks for watching! GraphQL is on my list of things to learn and make videos about :)
thank you so much
Thanks for watching!
Incase you get this error
# __dirname is not defined electron
Check out this solution
stackoverflow.com/questions/62777834/how-fix-dirname-not-defined-when-using-electron-events-with-vue
Hi dude,
would you like to share your vs code theme, it 's awesome and I wonder that one is it due to exploiting it.
Material Theme
There is no reason why i should code my tools with C# and WPF when i can create beautiful apps with Electron and VUE :-o Most time i'm writing RESTful Services and HTML Frontends with Vue anyway.... Its platform indendent too... Damn
Thanks for watching!
Can i use nuxt with electron?
I haven't tried, but I'm guessing it is possible.
Thank you for your videos. Can you make it faster please? I think you're coding slowly and watching the videos i want to sleep
Haha, try the 2x button on TH-cam!
@@drehimself lol
I can not follow your videos, one better than the other. thank you
2023 no funciona!!!