一、準(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ā)小程序入門