Electron App Package For Mac10/16/2021
Inside of it resides a folder with the name of the app, and then all of the app files, including the actual executable (on Windows, at least). Npm run package-win (or package-mac, package-linux) If it all goes smoothly, there will be a new folder within your project called release-builds. To package and build a ready for distribution Electron app for macOS.Beekeeper Studio is built with Electron, a cross-platform desktop app development framework built on top of NodeJS and Chromium. First of all, everything said here is relevant to the early 2020.Whether to package the applications source code into an archive, using Electrons archive format.Reasons why you may want to enable this feature include mitigating issues around long path names on Windows, slightly speeding up require, and concealing your source code from cursory inspection.When the value is true, it passes the default configuration to the asar module.expo uninstall package Node Package Manager (NPM) is a command line tool that. It is like VSCode, but for SQL.In this article I'll try to provide a step-by-step guide describing publishing of MacOS Electron.JS application to Mac App Store highlighting all tricky moments. All of this can be achieved with Electron, which can simply wrap your web application inside a native container that can be used as a real native desktop application on Windows and Mac OS We will build a simple Ionic app with Capacitor and add Electron to finally build a native desktop out of our basic application.This year we released the first version of Beekeeper Studio, a cross-platform SQL editor and database manager.Setting up an Electron friendly WSL 2 environmentHere is the shopping list of things we need: While WSL 1 had a slow filesystem and some package compatibility issues, WSL 2 is a full-blown Ubuntu linux install, so out of the box everything that works on Linux, works on Windows.For this guide, I’m assuming you’re using Ubuntu 18.04 or 20.04 on WSL 2.Once we have WSL 2 installed, we can boot it up (I also installed neofetch).Double check you’re running WSL 2, by opening Powershell and typing wsl -l -v, if not, upgrade with wsl -set-version Ubuntu-20.04 2. Quick introduction to WSL 2WSL, or the Windows Subsystem for Linux, is an official component of Windows 10 that runs a full build of Linux right inside of Windows.I’ve been using WSL 2, which was officially released in the 2004 Windows update earlier this year. My application is meant to run only on windows machines so I removed the dmg and linux fields from my object in package.json.I did most of my Beekeeper Studio development work in Ubuntu, running natively inside Windows, using the Windows Subsystem for Linux.WSL provides an awesome tech-stack, so in this article I’ll show you how to set up your WSL2 environment for cross-platform development. Electron Builder Settings.Lets run it:# NOTHING HAPPENS!? Where's the app window? # There's no way for Ubuntu or Windows to display it!At this point we should be able to see our app window, but we can’t. # follow instructions here Yarn install # That's it!! We have a fully working electorn app. Basic Development ToolsThis is easy, we’re in Ubuntu! Lets just install a bunch of things we know we’ll need.# system libraries needed for electron sudo apt install libnss3-dev libgdk-pixbuf2.0-dev libgtk-3-dev libxss-dev# install vue cli sudo yarn global add create a project.Running a full desktop environment is totally overkill and not at all nessecery for our purposes.To configure VcsXsrv you’ll need two things: Yes I know that is a SourceForge link, just do yourself a favor and install it using Chocolatey.There are also guides about running a whole Linux desktop environment. Just skip all that and install VcsXsrv. Searching online for ‘WSL X server’ will yield a bunch of conflicting advice about which one to use.
Electron App Package Mac App StoreWSL ConfigYou’ll see a bunch of build messages, and if you’re lucky, you should now see your Electron app in all it’s gloryGreat! Now when you make changes to your app it will auto-reload.You can use yarn run electron:build command to create linux binaries. You’ll see the little X logo in your system tray. Choose Clipboard and OpenGL integration, plus provide -ac as additional argumentsSave your config in your home directory for eash launching, then start the server. Here’s what to pick on each one: There’s an extension you can install for Windows-VSCode called ‘Remote - WSL’. VSCodeVSCode offers something unique. They’re basically identical in form and function, you’d have a hard time telling the difference.Don’t worry about the performance of these apps, IntelliJ is a heavy-weight IDE, and it works great with this set-up. Another limitation is that WSL 2 does not currently support snap packages, so make sure you use deb or AppImage versions of whatever app you need.Here’s a fun screenshot of Windows Sublime next to Linux sublime. So I installed them into the WSL environment, see for example the Linux instructions for Sublime Text.One limitation is you have to start the editor using the terminal, for Sublime that means you execute the subl command. If you are behind a corporate firewall and you try to apt install you’ll get an error. This means it does NOT respect your Windows proxy or firewall configurations. WSL runs in its own virtual network. Paying for X410 fixes this, and Microsoft plans to fix this themselves in an upcoming release.Separate Firewalls. This is a one time thing, but still something to watch out for. If you have a High DPI screen you might need to tweak things a bit to get linux windows looking good. I’ve found running Ubuntu under Windows to be a dream, and has prompted my return to Windows as my primary OS for the first time in a decade.Seeing as you made it this far, please check out Beekeeper Studio, the open source SQL editor and database manager of the future. You can kill running WSL processes with wsl -terminate, then just open a new bash shell.Hopefully you should be well on your way to building Electron apps in Windows with WSL 2.
0 Comments
Leave a Reply.AuthorAndy ArchivesCategories |