1. 准备工作
小程序的官方文档并没有提供相关文档,只是在开发工具模块中提到了。 网上这方面的信息也比较少。
2. 新项目 1) 新项目
打开 Momo 开发者工具,创建一个新项目,然后选择 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中定义变量。 定义方法与变量类似。
修改后:
5)创建一个新页面
尝试在新页面中使用 TS,这与 app.ts 不同。 创建方法和之前一样,只是开发工具不会手动创建ts文件,需要自动创建对应的ts文件。
GitHub地址,欢迎入手:使用TypeScript开发小程序入门