开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
文档中心
第三方应用 
小程序开发者工具
界面
小程序调试
性能分析
功能面板
实验室
ide 扩展
开发辅助
ide 更新日志
小程序 cli
工具 > 小程序开发工具 > 小程序开发者工具 > typescript 和 less 编译
收藏
订阅更新
我的文档
设置
简介
小程序开发者工具 ide 于 3.0.0 版本 、命令行工具 cli 于 1.4.0 版本增加了对基于 typescript 和 less 作为基础编码语言的小程序开发支持, 用于代替基础的 javascript 和 acss,以获得更好的的编码体验和更强大的类型支持。
注意:目前仅支付宝项目支持 typescript less 编译,其它端暂未支持。
创建 typescript less 脚手架项目
开发者可选择 ide 或者 cli 来创建基础的 typescript less 脚手架的小程序。
使用 ide 创建
在 ide 项目启动界面新建项目最后一步时,框架语言选项选择 typescript 和 less 即可创建空白的 typescript less 脚手架项目 。
说明:目前仅支付宝空白小程序项目支持创建 typescript less
ty.png

使用 cli 创建
cli 中可使用 create 指令来互动地创建一个 typescript less 脚手架的小程序。
创建完成后,可以使用任何和基础小程序相同的 cli 指令能力。
注意:目前在编译过程中,小程序使用的 typescript 版本固定为 4.6.3,请在编码过程中关注相关的配置、语言提示等使用对应的版本。
旧小程序迁移至 typescript 和 less
旧版的基于 javascript 小程序,可以通过编辑 mini.project.json 配置项的方式来开启 typescript 和 less 的编译能力。
修改 mini.project.json
示例代码
配置项中 "format":2 的字段会开启新版本 mini.project.json 的配置,具体配置项可查看 项目配置
修改 package.json
同时,为了保证 typescript 的编译通过以及编码的流畅体验,需要在 package.json 中添加小程序的类型定义文件。
添加以下 devdependency 并执行 npm install。@mini-types/alipay 这个 npm 包内提供了支付宝小程序必须的定义文件,包括 my.* 的 api定义 和 page, app 的基础定义。
tsconfig.json 配置
为了使用 typescript,同时需要添加 tsconfig.json 配置文件,示例代码见下。
修改完以上配置之后,即可在项目内自由使用 typescript 和 less 进行编码。
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图