一直以來都覺得typescript是以后前端發展的趨勢，一些大廠的前端項目都已經在用ts來替代js了。
正好最近剛開始准備用pixi寫個小游戲，因為剛開工沒多久，於是今天就將之前的功能用ts去實現了一下，部分功能之前的博客也有提到過。
用的是vue-cli的3.11版本，並且選擇了TypeScript，項目初始化后目錄如下圖所示（紅框除外）：
單個頁面的代碼截圖如下：
有一點需要注意的是：
@component注解必須加上，無論你是當作路由頁面使用還是當作組件使用，不然解析的時候就會有問題(至少生命周期函數不能如期執行)，這也是我寫的時候踩到的一個坑，其他的都還好，都比較容易上手。
interface.ts
這里定義了業務所需的interface和class，並且export；
到需要使用的頁面：
import {task,tasklist,keyboard} from '../tsfile/interface'
這里用ts實現了之前的事件隊列模式。
其余的就沒什么好說的了，ts的用法和java十分類似，包括繼承、構造器、類、接口、泛型等等。。。
哦，對了，這個項目也是直接托管到github的，有空就寫一點，地址送上：https://github.com/ecojust/pixi_game