ts結合vue使用的感悟

TypeScript

前端現在越來越強大，多人開發更是常見，加上各大框架都開始支持TypeScript，而谷歌和微軟又更加積極，導致不得不去學習，順道通過js來了解ts，再通過ts來了解強類型語言。一路走來，辛酸二字不足形容，道行太淺，終究慘不忍睹。特在此記上一筆。以備將來繼續踩坑前行。

TypeScript使用

• 官方文檔EN 2.9 | 中文 2.7 推薦使用使用英文文檔，明顯比中文更新更快
• 不知道算不算阮一峰的 這個過於簡單了，但是歸納的挺好的

使用流程

• 全局安裝 typescript
• 版本檢測 tsc -v
• 新建文件后綴以 .ts即可
• ts ==> js 執行命令tsc **.ts ==> **.js
  • 隨時更改，隨時轉 tsc **.ts -w
  • 多個文件處理 需要配置 typescript.json ==> tsc init
  • typescript.json
    • 配置 files

到此基本可用

准備接入 vue 官方介紹

• 目前可以看來 vue本意使用flow,奈何typescript已成大勢所趨，不得不跟進腳步了

目前有兩種方式

• 直接基於之前的vue進行修改即可 Microsoft 這種學習成本低，改起來快，但卻沒有很好地發揮其作用
• 基於vue-cli.3.0進行開發，這個學習成本大，很多東西不是很完善，而且相應的資料不完成，很痛苦
  • 使用到官方維護插件vue-class-component
  • 第三方vue-property-decorator

目前個人能力有限，碰到一些坑，指令 過濾器該怎樣寫，不清楚了，因為寫的格式已經大變，又沒有正規的文檔，導致有幾種變化，目前還不好定論。到此為止，個人雖然很想基於vue-cli3.0進行開發，可惜實在是走不出來，退而求其次，先使用簡單的，再多平時多關注這類的問題，希望早日出頭吧。

語法檢測 eslint ==> tslint

• 在使用 tslint時，想更為其他格式，結果時靈時不靈，導致我直接忽視其配置了。雖然使用了官方配置，但是依舊有問題，也不知道是不是使用的姿勢不對還是怎么的。反正就是將以前的操作都給變了。看來漫漫長路啊

個人感想：

• 花了這么大氣力來學習這個，結果有點竹籃打水一場空的趕腳。沒辦法
• 其實還是有很多相關項目的，可惜了