前言

现在接到小程序需要改版的需求，由于使用Ionic的经验，希望以后能够统一开发语言降低开发成本，所以想使用TypeScript进行开发。

开发前准备工作

先是看官网，在微信小程序的官方开发文档中找到TypeScript相关的支持介绍。

微信官网描述

创建TS的示例项目

选择“建立普通快速启动模板（TypeScript）”，如下图所示

创建项目

创建好后如下图所示

项目截图

可以看到预览页面跟普通小程序模板是类似的，同样是Index页面+Log页面，区别在于：

1. 多了TS文件
2. 需要点击构建

那么我们点击编译试试
oops！报错了

报错信息

那么是什么原因呢？
其实是因为TypeScript环境没装好的因素。

我们运行如下命令就可以解决这个问题

npm install -g typescript

再次点击构建，成功！

使用VSCode编写小程序

如果想要使用VSCode编写小程序，比较头疼的问题就是提示了。毕竟没有代码提示的情况下写代码真的很糟心。万幸的是OneCode team针对目前腾讯放出的所有的小程序Java API开发了一个Type版本的API类型定义文件 wxAPI.d.ts。

我们只需要把这个ts下载下来放到我们的项目目录下即可开心的使用提示。

VSCODE