微信小游戲開發(零) Typescript環境搭建


image

微信小程序開發是有Typescript模板的,能不能用,API是不是最新我不清楚。


但是微信小程序這邊是沒有Typescript模板的,今天我們來研究這個問題

微信開發者工具是使用nw.js開發的,他和electron定位類似,底層也是nodejs

你可以從這里找到 .d.ts 定義文件(lights是我本機用戶名,你的電腦上不一樣)

C:\Users\lights\AppData\Local\微信開發者工具\User Data\WeappCode\package.nw\js\libs\vseditor\extensions\node_modules\typescript\lib\wx

當然從小程序模板那邊copy也是一樣的,但是小程序模板的sdk和小游戲有點不一樣


我們要解決的問題有兩個

1.copy過來的.d.ts有bug,TSC編譯不過

image

問題不大,只是這里定義了一個console,和DOM中的定義沖突,注釋了就好了


2.有些小游戲要用的API缺失

比如最重要的初始化canvas接口沒有

image

自己另外寫個.d.ts補上去就好了

image


項目放在這里了

https://gitee.com/lightsever/minigame/tree/master/empty_typescript


3.編譯問題

還有個問題是,微信小游戲模式,生成前事件不可用,這就造成了沒辦法用編譯自動編譯typescript文件,不過這也不算多大個事兒

image

手工敲一下,打開 -w模式,就會一直檢測代碼變化,有變化就編譯了。

剩下的事情就只有寫代碼了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM