如何用TypeScript开发微信小程序

TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编。

用TypeScript开发微信小程序跟官方的JavaScript开发方式一样，把握好这几个核心文件即可。

App：     代码整个应用程序的抽象对象，可以设置全局的方法和变量

Page：    页面抽象对象，承载页面业务逻辑

WXML：  页面的结构，相当于html

JSON：   配置文件

WXSS：  页面的样式，相当于css

由于目前腾讯没有小程序的TypeScript版本的API，针对目前腾讯放出的所有的小程序JavaScript API开发了一个TypeScript版本的API类型定义文件 wxAPI.d.ts

要求是使用 vue3 + typescript 进行开发小程序和H5的跨端应用

在 uniapp 和 taro 这两个之中进行选择 在参了官方和社区示例后最终选择了 taro 。原因在于 uniapp 目前对于 vue3 的支持尚不完全比如说暂不支持 setup 语法糖对于h5的支持比较差 没有支持 vue3 的 ui 框架等等。

node.js

注意tarojs的版本 建议使用 taro 3.0.24 以上的版本

由于引用 node_modules 的模块，默认不会编译，所以需要额外给 H5 配置 esnextModules ，在 taro 项目的 config/index.js 中新增如下配置项：

如果出现类似 Could not find module View in @tarojs/components 的问题，请在进行如下设置：

详情请参考 https://github.com/dexterBo/mall

---