使用TypeScript開發(fā)小程序入門

一、準(zhǔn)備

小程序官方文檔并沒有提供相關(guān)文檔,只是在開發(fā)工具模塊提了一下,網(wǎng)上這方面的資料也比較少。


二、新建項目

1)新建項目

打開微信開發(fā)者工具,新建項目,語言選擇TypeScript。


2)TS項目模板

會發(fā)現(xiàn)創(chuàng)建的TS項目模板和JS創(chuàng)建的項目模板不同。


查看項目文件,每個JS文件對應(yīng)一個TS文件,項目開發(fā)中,只需要關(guān)注TS文件就行,使用TS語法就可以寫小程序了。


3)編寫TS代碼

在app.ts中寫TS字符串和數(shù)字,使用快捷鍵[Ctrl+B]或點擊編譯按鈕,編譯代碼,稍等片刻,就會打印信息。
注意:微信開發(fā)者工具,新版默認(rèn)自動編譯TS文件,不用安裝其它依賴。

4)app.ts定義變量和方法

在app.ts定義全局變量和方法,發(fā)現(xiàn)會報錯,這是為什么呢?查看報錯信息發(fā)現(xiàn),原來在typing目錄下index.d.ts定義了userInfo的變量類型,要想在app.ts文件中定義變量,需要到typing->index.d.ts定義變量的類型才能到app.ts中定義變量。
定義方法和變量類似。


修改后:



5)創(chuàng)建新頁面

嘗試在新頁面中使用TS,跟app.ts不一樣。
創(chuàng)建方法還和之前一樣,只不過開發(fā)工具不會自動創(chuàng)建ts文件,需要手動創(chuàng)建對應(yīng)的ts文件。


GitHub地址,歡迎start:
使用TypeScript開發(fā)小程序入門

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。