しっぽを追いかけて

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

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

Vue.js のサンプルを TypeScript で書き換えて Electron アプリを動かす

※ これは 2019/12/20 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です

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

前回は Vue.js のサンプルアプリを Electron として実行してみました

今回はこれをただの JavaScript から TypeScript に書き換えてみたいと思います

Vue.js + TypeScript + Electron

前回つくった vsample のディレクトリを VSCode で開き、ターミナルから下記のコマンドをたたきます

vue add @vue/typescript

途中で出てくる選択肢は全部 y を入力しました

TypeScript で書き換え

.js ファイルが .ts に置換されました・・・git の差分を確認しろと最後に言われましたがとりあえず無視します

あとは実行あるのみ・・・つづけてターミナルでコマンド入力

npm run electron:serve

TypeScript で Electron 起動

できたー!