dragonsoli.blogg.se - Electron api with angular

#Electron api with angular how to#
#Electron api with angular install#
#Electron api with angular pro#
#Electron api with angular code#

Even better, I was able to collaborate with my coworker using Visual Studio Live Share. I was able to run and debug the Angular web app in Visual Studio Code.

#Electron api with angular code#

When running the Electron app locally, I was able to make modifications and instantly see the changes upon saving a code file using Visual Studio Code.

#Electron api with angular pro#

For the first time in a long time, I was able to completely develop all of the system components on my iMac Pro without having to constantly spin up different virtual machines for different components. This was the first time I had worked with Electron and I was pleasantly surprised how efficient my workflow became. Recently, I was on a very interesting project with a coworker that we were building using Electron and Angular 7. Note: This does not actually share debugging breakpoints within VS Code, but it does allow everyone in the live share session to run the app locally with any changes made during the session. Now any participant in the live share can reload the rendered page in the Electron app and see the changes being performed in the live share.

Run npm start on Environment B on its local code base, not the code being shared in the live share session.

This should be done on the local code base of Environment B, not the code base being shared in the live share session.

In Environment B, modify the package.json file to launch the node web server on port 4201 (or something other than the default 4200).

In the main environment (Environment A), start a live share session and join it from Environment B.

#Electron api with angular install#

Install VS Code and the Visual Studio Live Share extension.Setup two Electron development environments on different machines.Here's a quick synopsis of getting a Visual Studio Live Share session working with Electron. TLDR Share an Electron session using Live Share

#Electron api with angular how to#

for reference: /Microsoft/TypeScript/is.Want an easier way? Read on for how to debug shared code using Electron, Visual Studio Code and VS Live Share. “electron”: “tsc & ng build & electron bin/main.js” When calling tsc with a file-name parameter, then it ignores the tsconfig.json, therefore we have to add the following to the script: This leads to the fact, that the type-script compiler does not as intented. To the package.json, and that leads to a compile error:Īfter some digging I found the solution to the problem. “electron”: “tsc bin/main.ts & ng build & electron bin/main.js” Nevertheless i get an compile error, when starting it with "npm run electron" right after the step where you modify the package.json You can also put them in separate files and require them here.įirst of all thank you for the example you put together.

In this file, you can include the rest of your app's specific main process dock icon is clicked and there are no other windows open.

On macOS, it's common to re-create a window in the app when the to stay active until the user quits explicitly with Cmd + Q On macOS it is common for applications and their menu bar Some APIs can only be used after this event occurs. initialization and is ready to create browser windows. This method will be called when the Electron has finished when you should delete the corresponding element. in an array if your app supports multi-windows, this is the time

Dereference the window object, usually you would store windows angular application (the distribution). Make sure that this path targets the index.html of the be closed automatically when the JavaScript object is garbage collected. Keep a global reference of the window object, if you don't, the window will