That’s it! Basically we have only 4 commands to execute (plus the fix for TypeScript) and we’re ready to develop our Electron application. In some cases the default setting will also create simple setups (Windows), Apps (MacOS) and Packages (e.g. npm run electron:build The same as npm run build, but the builder for Electron will also bundle everything with an executable for your target system (Windows, MacOS or Linux).npm run electron:serve The same as npm run serve, but running locally as an Electron application.npm run build This will bundle your Vue application for deployment on a hosted server (but this would be an article on it’s own).npm run serve Runs your Vue application on a local server and you can view it in your local browser.In the first step you’ll be asked for features needed for your project, do so by selecting Manually select features. Vue CLI will create a folder with the same name. The last parameter (“vue- electron-app”) is the name of your project. To do this, enter the following command: vue create vue-electron-app With the help of Vue CLI you can now easily prepare the project. npm install -g verify that the installation was successful, you can check the version of Vue CLI by entering the following command: vue -version Prepare the project If it is not yet installed on your system, you can do this with the following command (needs administrator privileges). To keep working with Vue as simple as possible, we use a tool called Vue CLI. Furthermore you should already have some knowledge about Node and npm. To follow these instructions, you will need Node and npm pre-installed on your system. In the end we’ve a project configured for TypeScript with Vue, Vuetify and Electron v9.

That’s what this article is for, with which we can finally set up a new project with max. The examples I found never referred to how to configure all 3 components for a project. no more errors with electron and developer-toolsĬurrently I am creating many prototypes and needed a framework that would allow me to do this quickly without spending too much time tinkering with configurations, settings and project dependencies.no more errors with vuetify because of typescript.

Download electron js