電子は、関連ファイルを開いたときに表示されるアイコンを設定します

電子は、関連ファイルを開いたときに表示されるアイコンを設定します

アプリケーション関連付けファイルを設定する

たとえば、txt ファイルにはウィンドウ内にウィンドウを開くファイル アイコンがあり、md ファイルにも関連する開いているファイル アイコンがあります。Electron でアプリケーションを開くことに関連付けられたファイル アイコンを設定したい場合は、fileAssociationsそれを実行する必要があります。

を使用するとvue-cli-plugin-electron-builder、構成情報をvue.config.jsで構成できます。

vue-cli-plugin-electron-builder の構成

const {
    
     defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
    
    
    pluginOptions:{
    
    
        electronBuilder: {
    
    
            fileAssociations:[
                {
    
    
                  ext:["md","markdown","mmd","mdown","mdtxt","mdtext"],
                  name:"Markdown",
                  description: "Markdown document",
                  role: "Editor",
                  icon: "./public/md.png"
            	}
            ],
        }
    }
})