ts結合vue使用的感悟

yzf01發表於2021-09-09

TypeScript

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

TypeScript使用

  • 官方文件 | 推薦使用使用英文文件,明顯比中文更新更快

  • 這個過於簡單了,但是歸納的挺好的

使用流程

  • 全域性安裝 typescript

  • 版本檢測 tsc -v

  • 新建檔案字尾以 .ts即可

  • ts ==> js 執行命令tsc  **.ts ==> **.js

    • 配置

      到此基本可用

    • 隨時更改,隨時轉 tsc  **.ts  -w

    • 多個檔案處理 需要配置 typescript.json ==> tsc init

    • typescript.json

準備接入 vue

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

目前有兩種方式

  • 直接基於之前的vue進行修改即可 這種學習成本低,改起來快,但卻沒有很好地發揮其作用

  • 基於vue-cli.3.0進行開發,這個學習成本大,很多東西不是很完善,而且相應的資料不完成,很痛苦

    • 使用到官方維護外掛

    • 第三方

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

語法檢測 eslint ==> tslint

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

個人感想:

  • 花了這麼大氣力來學習這個,結果有點竹籃打水一場空的趕腳。沒辦法

  • 其實還是有很多相關專案的,可惜了

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2334/viewspace-2804122/,如需轉載,請註明出處,否則將追究法律責任。

相關文章