ts結合vue使用的感悟
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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 筆記:Vue 使用pug + ts筆記Vue
- vue2.0 與 bootstrap datetimepicker的結合使用Vueboot
- Vue結合vux使用(前期專案準備)VueUX
- uniapp+vue3+ts 使用pinia報錯APPVue
- vue-ts-demo1Vue
- 【vue系列】vue 和 echats 結合的春天,vue外掛vechartVue
- 在Vue3.0+ts中如何使用h函式Vue函式
- element-plus的CDN引用以及結合VUE3使用Vue
- beego如何與vue一起結合使用 跨域?GoVue跨域
- ts + hooks 的基本使用Hook
- 建立Vue3+Ts專案的main.ts中App.vue報錯解決方案VueAIAPP
- Git使用感悟Git
- 常用TS總結
- vue3+TS 自定義指令:長按觸發繫結的函式Vue函式
- vue中 lang="ts"與js的區別VueJS
- Leetcode 21 合併兩個有序連結串列 學習感悟LeetCode
- vue cli3.0 結合echarts3.0和地圖的使用方法VueEchartsS3地圖
- 仿有贊後臺+vue+ts+vuecli3.0+elementUi+三期aixo的使用vueX的使用element的引入專案結構的搭建VueUIAI
- 【TS】學習總結
- Protobuf的使用,結合ideaIdea
- glide 結合goland的使用IDEGoLand
- VUE 使用總結Vue
- vue移動端flexible.js結合Muse-ui使用的小坑VueFlexJSUI
- 感悟,七點心得總結
- Vue3.0+TS仿知乎專欄Vue
- vue3+ts 指令拖拽div案例Vue
- Vue 結合 D3js 產生的樹形結構。VueJS
- Vue的使用總結和技巧Vue
- Vue結合Django-Rest-Frameword結合實現登入認證(一)VueDjangoREST
- Vue結合Django-Rest-Frameword結合實現登入認證(二)VueDjangoREST
- vue3+ts開啟echarts的正確方式VueEcharts
- 仿有贊後臺+vue+ts+vuecli3.0+elementUi+二期專案結構檔案搭建+以及路由的使用VueUI路由
- Vue & Bootstrap 結合學習筆記(一)Vueboot筆記
- Vue & Bootstrap 結合學習筆記(二)Vueboot筆記
- JS/TS 的 import 和 export 用法小結JSImportExport
- vue3+ts+vite2環境變數應該這樣使用VueVite變數
- 初探RxJava以及結合Retrofit的使用RxJava
- 前端錯誤監控 -【Vue】與【Sentry】的結合前端Vue