无论学什么技术知识，官方文档都应该是你第一个教程，所以请先至少阅读新手上路这一节  再来看这篇文章。

 

　　这里假设你已经安装成功了 Cocos Creator。

 

　　这里当然只会讲优点：

 

　　1. ts 是 js 的超集，所有 js 的语法 ts 都支持。

 

　　2. ts 支持接近完美的代码提示，js 代码提示接近于没有。

 

　　3. ts 有类型定义，编译时就可以排除很多无意义的错误。

 

　　4. ts 可以重构，适合大型项目。

 

　　5. ts 可以使用 es6 async之类的所有新语法。而 js Cocos Creator 还没有完全支持es6。

 

　　6. 最重要的一点：我以后的教程都会用 ts 写，如果你不用 ts，你就会永远失去我了。

 

　　这里只推荐两个：

 

　　Visual Studio Code

 

　　WebStorm

 

　　vs code 的优点是快，与cocos creator 结合的好，一些功能需要自己安装插件。

 

　　webstorm 的优点是所有你想要的功能都先天内置了，缺点是占内存，个人感觉还有点丑。

 

　　对于我自己来说，我在公司用 WebStorm，在家用 VS Code。

 

　　如果你还是不知道用哪个，我只能先推荐你用VS Code 因为下面的内容是面向VS Code。

 

　　既然要用ts开发游戏，肯定要知道ts的语法，我这一篇文章不可能把所有ts的语法都讲完，所以当然，不一定要一次性全看完，你可以先看个大概，遇到问题再补习。

 

　　任意打开一个项目，把这几个都点一遍

 

　　控制台会输出

 

　　打开编辑器，你会发现一个名字为 creator.d.ts 的脚本

 

　　?creator 的提示都依靠这个脚本，引擎的api变动也要及时更新这个脚本，所以每次更新引擎的时候都要重新点一次上面那个“更新VS Code只能提示数据“来重新生成creator.d.ts。

 

　　资源管理器右键新建一个ts脚本，点开后你会发现有很多没用的东西，而且还会有一个提示错误（1.81）。。。

 

　　编辑器右上角“打开程序安装路径“，

 

　　static-》template-》new-script.ts

 

　　这个脚本就是新建ts脚本的默认样式，我们来重新编辑一下，编辑后的脚本如下

 

　　重新新建一个ts脚本，你会发现跟刚才编辑的默认脚本是一个样子了。

 

　　以d.ts为后缀名的文件，会被识别为声明文件，creator.d.ts是引擎的声明文件，我们也可以定义自己的声明文件，需要注意的是声明文件要放在assets文件外，因为assets文件里的脚本都会被引擎编译，而声明文件的作用就是写代码时提示一下，编译之后就不需要了。

 

　　举个栗子

 

　　在项目的根目录添加一个global.d.ts文件

 

　　?然后在项目里的脚本就可以得到对应的提示

 

　　更多类型定义戳

 

　　最后我们来切身体会一下TypeScript的柔软丝滑。

 

　　挑一个熟悉的游戏来写，官方文档里有一个摘星星的游戏，我们用Ts重新写一下。

 

　　第一步：新建一个工程

 

　　第二步：写几个脚本

 

　　Game.ts

 

　　Player.ts

 

　　Star.ts