しっぽを追いかけて

ぐるぐるしながら考えています

Unity と猫の話題が中心   掲載内容は個人の私見であり、所属組織の見解ではありません

Vue.js で process.env の設定値を変更してデバックする

※ これは 2020/01/07 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です

最新版では動作が異なる可能性がありますのでご注意ください

前回 Vue.js の開発者ツールを強引に非表示にしてデバッグしてみました

今度はちゃんと正攻法で、コメントアウト部分を戻して !process.env.IS_TESTfalse になるようにして開発者ツールを非表示にしたい

開発者ツールを消したい

・・・というわけで調べてみたら、この process.env.IS_TESTWindows では単に環境変数IS_TEST を表すようです

とはいえデバッグのために環境変数の設定変更をするのはめんどくさいので、VSCode のターミナルから下記のコマンドで一時的に変更するようにします

$env:IS_TEST = "true"

続いていつも通り下記のコマンドでデバック実行

npm run electron:serve

process.env を変更してデバッグ

開発者ツールが非表示になりました!

VSCode を開きなおすと環境変数は元に戻るのでまた開発者ツールが表示されるようです

ちなみに下記コマンドで process.env.IS_TEST の値を削除するとまた表示されるようなので、true かどうかは関係なく undefined 以外だと非表示になるようですね