![]() ![]() PrerequisitesĪfter creating our Angular project, let's now install Electron using the following commands: $ npm install -save-dev will install Electron as a development dependncy in your project.Īs of this writing, electron v5.0.6 is installed. The support of certain Linux distributions depends on if theyre supported by Electron. Let's now see how we can use Electron and web technologies (TypeScript and Angular) to create a desktop app. To start the app from a launcher icon, create a desktop file. Wait until it’s loaded, and then and only then, move on to the next step. Start the React app, which requires the server to be running. If you are familiar with hybrid mobile development, Electron is quite similar to Apache Cordova but targets desktop systems instead of mobile operating systems.Įlectron is actually an embedded web browser (Chromuim) bundled with Node.js and a set of APIs for interfacing with the underlying operating system and providing the services that are commonly needed by native desktop apps such as: To run the Electron app in development mode, we have to do the following: Run our restfulservercors server code from the GitHub repository. You only need to rebuild your code for each target platform.Įlectron simply provides a native container for your web application so it looks and feels like a desktop application. Thanks to Electron that's now possible and you don't have to learn classic programming languages like C++ or Java to build your application, you can simply use your web development skills to target all the popular desktop platforms such as macOS, Linux and Windows with one code base. ![]() So you are a frontend web developer - you know JavaScript, HTML and CSS which is great but you need to build a desktop application.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |