前言

現在接到小程序需要改版的需求，由于使用Ionic的經驗，希望以后能夠統一開發語言降低開發成本，所以想使用TypeScript進行開發。

開發前準備工作

先是看官網，在微信小程序的官方開發文檔中找到TypeScript相關的支持介紹。

微信官網描述

創建TS的示例項目

選擇“建立普通快速啟動模板(TypeScript)”，如下圖所示

創建項目

創建好后如下圖所示

項目截圖

可以看到預覽頁面跟普通小程序模板是類似的，同樣是Index頁面+Log頁面，區別在于：

多了TS文件

需要點擊構建

那么我們點擊編譯試試

oops！報錯了

報錯信息

那么是什么原因呢？

其實是因為TypeScript環境沒裝好的因素。

我們運行如下命令就可以解決這個問題

npm install -g typescript

再次點擊構建，成功！

使用VSCode

如果想要使用VSCode編寫小程序，比較頭疼的問題就是提示了。畢竟沒有代碼提示的情況下寫代碼真的很糟心!!!!

看網上很多文章推薦了MS的一個demo，然而那個Demo有很大的問題就是時效性，不能跟著小程序基礎庫版本升級，現在騰訊官方也開始維護.d.ts文件了，使用如下命令安裝即可。

安裝即可。

npm install miniprogram-ap

最后，希望大家可以多看官方文檔，微信小程序官方還是提供了不少好東西的，推薦下微信小程序團隊的Github項目：

https://github.com/wechat-miniprogram

iniprogram

寫在最后

如果遇到如下圖所示的TS2318問題，請參考我的另一篇文章

總結

以上是生活随笔為你收集整理的ieda ts文件报错_使用TS开发微信小程序（1）：环境搭建——VSCode+TS的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。