@toddlxt 写道：

不知不觉，把自己的Creator项目转换到TypeScript已经快一个月了。开始的一周遇到了许多问题，还好都坚持了下来。感觉自己已经成为TS的忠实粉丝了，毕竟WebStorm+TypeScript撸Cocos代码的感觉，谁用谁知道！在稳定使用了两三周之后，不敢独享，果断来给大家安利一波。。。

事先声明：

1. 请确保你看懂了github示例项目说明文档中“注意事项”一节，再开始使用TS。如果用于生产环境，请自行测试。
2. 本帖仅做技术分享，不涉及JS与TS哪个更好的语言之争。如果你之前觉得TS繁琐，不妨往下看看，也许有所收获。如果实在按捺不住体内的洪荒之力，请速食用Ctrl+W净化屏幕快捷键。

Github示例项目地址：https://github.com/toddlxt/Creator-TypeScript-Boilerplate
使用说明与注意事项都在上面的github地址里。这里主要安利一下在Creator中使用TS的好处（以WebStorm为例）：

极致的代码提示

TypeScript对你的所有代码有非常好的理解，因此总能给出非常精确的代码提示。自己写的TypeScript类就不用说了，看看引擎相关的代码提示吧。你可以这样：

或者这样：

连getComponent都能正确提示：

甚至连定义Property时都有完美的代码提示：

（上图中default属性已经使用，因此不再提示）

注：所有的Cocos相关的代码提示都是在Creator 1.3引擎自带的creator.d.ts的基础上稍作修改而来的，如果发现代码提示错误或者需要新增提示可以自行修改或添加creator.d.ts中的内容。

极致的错误检查

再也不用担心大小写错误：

或者把node的属性不小心赋给了component，游戏能正常运行确找不到问题在哪：

或者不小心写出不匹配的类型：

返回值类型不匹配：

可空参数类型不匹配：

极致的代码重构

TypeScript对你的所有代码有非常好的理解，因此它能准确地帮你重构代码。
例如全项目更改某个变量名（也可以是类名、方法名，甚至是文件名[重命名文件自动修改的是整个项目的import]）：

极致的模块管理

在TypeScript中需要使用import和export关键字取代require和module.exports，并且import需要使用完整的相对路径而非像require那样只需要文件名。但是这并不成问题，WebStorm可以自动为你生成完整的import和去除无用的import，你可以不用自己写任何一行import。
例如需要在一个空文件中引入@CCComponent，只需要输入@CCC，在弹出的提示框中选择CCComponent，WebStorm会自动生成import（引入其它类与模块也一样）：


对于未使用的import，使用WebStorm的Reformat Code功能（快捷键Ctrl+Alt+L），就会被自动去除：

极致的ES2016，ES2017新功能

TypeScript 2.1已经支持将async, await编译为ES5代码，实测Chrome+Windows模拟器下运行正常。写异步网络请求就是这么简单：

用async, await优雅地让节点连续runAction（下面是连续左右晃动10次示例）：

极致的JS支持

有时我们不想定义那么多的类型，不想写public, protected, private，只想安安静静撸一点功能出来再说。没关系，TS只是JS的超集，在.ts文件中写纯JS也没有问题，至于类型，爱加就加，不想加就不加：

最后，入坑有风险，入坑需谨慎！欢迎入坑！

帖子： 12

参与者： 1

阅读整个主题