コピペでできるLaravel + Vue.js + TypeScriptなMacのローカル開発環境

Pocket

Laravel + Vue.js + TypeScriptなローカル開発環境を作る

インストール&プロジェクト作成

環境設定

tsconfig.jsonを追加

vue.shims.d.ts

webpack.mix.js

package.json(scripts内のパスのみ修正)

 

resources/assets/sass/app.scss

とりあえず空ファイル作成

resources/views/welcome.blade.php

resources/assets/ts/app.ts

resources/assets/ts/bootstrap.ts

resources/assets/ts/components/App.vue

実行

ターミナルを2つ起動し、それぞれのターミナルで下記のコマンドを打ち込む。

こうする事で、TypeScriptは自動的にコンパイルされる。