Vue-cli-plugin-electron-builder: Changing default name

Created on 15 Jun 2020 · 6Comments · Source: nklayman/vue-cli-plugin-electron-builder

How can I rename my app from 'Electron' to anything I want?.

I have tried this solution https://github.com/electron/electron/issues/2543#issuecomment-133201841 but it only changes the 'title' from what I named my app(when creating the app with the Vue CLI), the 'Electron' still persists.

Source

Timibadass

Most helpful comment

That should be the productName property. Try setting your vue.config.js to:

module.exports = {
  pluginOptions: {
    electronBuilder: {
      builderOptions: {
        productName: 'my-app-name'
      }
    }
  }
}

nklayman on 17 Jun 2020

👍3

All 6 comments

The electron window title matches whatever your document title is, which is set in index.html The binary name is sourced from your package.json's name field. If you are trying to rename something other than those two let me know and I can tell you how to configure that.

nklayman on 15 Jun 2020

👍1

Hi, @nklayman This name is what I'm trying to change. I have searched for the string 'Electron' in my file and there's nothing like that present there.
Screenshot 2020-06-15 at 11 28 14 AM

Timibadass on 15 Jun 2020

That should be the productName property. Try setting your vue.config.js to:

module.exports = {
  pluginOptions: {
    electronBuilder: {
      builderOptions: {
        productName: 'my-app-name'
      }
    }
  }
}

nklayman on 17 Jun 2020

👍3

Thanks! this works.

It might be worth adding that the name doesn't get updated in development mode, it only changes after running yarn electron:build.

Timibadass on 17 Jun 2020

With this plugin, when in development mode,
Does that mean you can't change the title?

The app created with the vue2 series
Even if you set the title in vue.config.js or background.js
I'm wondering what to do because the title is still "Vue App"