主题
- VSCode配置
- 编写js脚本时智能提示
- JavaScript函数command点击不跳转，代码提示不全面
特别说明
CocosCreator微信小游戏开发系列文章，是我在逐步开发过程中，基于官方文档之上，记录一些重点内容，以及对官方文档中有些知识点的补充和分析。
正文
1. 代码编辑器 VS Code
CocosCreator官方推荐的代码编辑器是Visual Studio Code，配置编辑环境有两步：
- 选择主菜单里的 开发者 -> VS Code 工作流 -> 安装 VS Code 扩展插件
- 选择主菜单的 开发者 -> VS Code 工作流 -> 更新 VS Code 智能提示数据
官方提醒：在项目根目录中添加 jsconfig.json 设置文件才能正确的使用包括智能提示在内的JavaScript 语言功能,如JavaScript代码的智能提示失效，请尝试删除tsconfig.json文件
2.VSCode配置
- 搜索“VS Code快捷键”设置喜欢的快捷键，提高开发效率；
- 修改js脚本并cmd+s保存后，CocosCreator会自动同步脚本meta文件，运行即可看到更改内容；
3. js脚本
Cocos Creator的脚本负责控制组件的动态加载和刷新等业务逻辑，在CocosCreator界面编辑器内可以直接创建js或ts脚本，但是具体的编写还是要用专业的代码编辑器的，它能大大加快开发效率。
首先完整的看完官方文档“脚本开发指南”，如果对JavaScript语法不熟悉，还要去找JavaScript文档充电学习。
js脚本编写过程中需要注意this上下文。比如匿名函数A作为参数传入另一个函数B时，函数A的this上下文是变了的，这时调用this.C()就会报错了，解决方法如下：
cc.resources.load("", function (err, spriteFrame) {
...
this.logoSpriteFrame = spriteFrame;
}.bind(this)
);
//或者
var that = this;
cc.resources.load("", function (err, spriteFrame) {
...
that.logoSpriteFrame = spriteFrame;
}
);
4. JavaScript函数command点击不跳转，代码提示不全面
开发过程中会发现creator.d.ts配合jsconfig.json提供的智能提示功能，真的太弱鸡了，很多基础语法都没有提示；
而且当想查看函数引用，以及点击跳转函数都不起作用，内心还是很崩溃的。
我在网上搜索到一款VS Code插件针对Cocos Creator的JavaScript智能提示和点击跳转做了优化扩展，在VS Code侧边栏拓展插件中搜索“Cocos Creator JS”
结尾
自己动手写，分解项目中的各个模块需求，通过查文档和搜索Cocos社区，解决碰到的问题，最终在微信上线了下面这款微信小游戏《成语锦衣卫》，欢迎大家扫码体验，并作为参考项目模版，开发出属于自己的小游戏
image
预告
下一节和朋友们说一说：脚本中节点如何初始化，通过编辑器挂载，还是cc.find()？
网友评论