小程序支持typescript-开始使用 TypeScript 开发小程序

2024-02-10 0 8,202 百度已收录

1. 准备工作

小程序的官方文档并没有提供相关文档,只是在开发工具模块中提到了。 网上这方面的信息也比较少。

2. 新项目 1) 新项目

打开 Momo 开发者工具,创建一个新项目,然后选择 TypeScript 作为语言。

小程序支持typescript-开始使用 TypeScript 开发小程序

2)TS项目模板

你会发现创建的TS项目模板和JS创建的项目模板不一样。

检查项目文件。 每个JS文件对应一个TS文件。 项目开发时,只需关注TS文件即可。 可以使用TS句型编写小程序。

3)编写TS代码

在app.ts中写入TS字符串和数字,使用快捷键【Ctrl+B】或者点击编译按钮编译代码。 稍等片刻小程序支持typescript,信息就会被复制。 **注:**微信开发者工具,新版本默认手动编译TS文件,无需安装其他依赖。

4)app.ts定义变量和技术

在app.ts中定义全局变量和方法时,报错。 为什么是这样? 检查错误信息,发现userInfo的变量类型是在types目录下的index.d.ts中定义的。 如果想在app.ts文件中定义变量小程序支持typescript,需要去typing->index.d.ts定义变量类型。 你可以去app.ts中定义变量。 定义方法与变量类似。

小程序支持typescript-开始使用 TypeScript 开发小程序

修改后:

小程序支持typescript-开始使用 TypeScript 开发小程序

5)创建一个新页面

尝试在新页面中使用 TS,这与 app.ts 不同。 创建方法和之前一样,只是开发工具不会手动创建ts文件,需要自动创建对应的ts文件。

GitHub地址,欢迎入手:使用TypeScript开发小程序入门

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 typescript 小程序支持typescript-开始使用 TypeScript 开发小程序 https://www.wkzy.net/game/199854.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务