cmd简单游戏代码_CocosCreator实⽤教程：优化代码编辑器Cocos Creator 游戏开发主要是使⽤ JavaScript 语⾔，这⾥向⼤家推荐 Visual Studio Code 和 Webstorm 两款 JavaScript 神级编辑器。这两款编辑器的安装都很简单，这⾥主要介绍在 Cocos Creator 项⽬中如何调整编辑器配置，以提升开发效率。
1. 排除⼲扰⽂件
我们知道 Cocos Creatror 会为项⽬资源⽂件⽣成同名的 meta ⽂件，在代码编辑器中很是碍眼，⽽且也不能更改⾥⾯的内容，严重⼲扰我们在代码编辑器中浏览⽂件，请看下图：
我这们⾥介绍在 VSCode 和 Webstorm 如何屏蔽⼲扰⽂件。
VSCode
⾸先⽤ VSCode 打开 Cocos Creator 项⽬，使⽤ shift + ctrl + p / shift+ cmd + p 打开命令控制台。
在命令⾏中输⼊ settings，在过滤出的选项中选择打开⽤户设置，在⽤户设置编辑区配置⽂件排除规则：
简单的java游戏代码"lude": { "**/*.meta": true}
尝试保存此⽂件，你会看到 VSCode 的资源管理器中所有 meta ⽂件都不在了，下图是我惯⽤的⽂件排除配置：
除了过虑meta⽂件外，同时把git、svn和Cocos Creator的临时⽬录出排除了，这样可以通过ctrl+p/cmd+p在编辑器中快速准确地定位⽂件。
Webstorm
接下来我们看在Webstorm中怎么排除⼲扰⽂件，先在Webstorm中打开Cocos Creator项⽬，使⽤快捷键ctrl+,/cmd+，打开Preferences窗⼝，在左上⾓过滤框输⼊：File Types
注意选中下⽅列表File Types选项，在右侧下⽅Ignore files and folder输⼊框中增加*.meta、.DS_Store等需要过滤的⽂件类型以分号隔开，然后点击下⽅Apply按钮，观察最左侧资源浏览器窗⼝，会看到相应要排除的⽂件不在了。
2. 代码补全增强
代码补全是开发中提⾼效率的重要功能，对于 JavaScript 动态语⾔来说，代码补全确实要⽐ c/c++、Java 要差很多。但是经过配置VSCode 和 Webstorm 也能提⾼不少我们的⽣产效率。
VSCode
Cocos Creator 集成有 VSCode 智能提⽰数据，可以通过 Cocos Creator 的主菜单：开发者－＞VS Code ⼯作流－＞更新 VS Code 智能提⽰数据，请看下图：
执⾏菜单命令后，Cocos Creator 会在当前⼯程中添加⼀个 creator.d.ts ⽂件，此⽂件也是我们熟悉 Cocos Creator API 接⼝的重要⽂件，⽽且是中英两语的哦！
Webstorm
Webstorm 除了像上述安装 creator.d.ts ⽂件外，还需要设置 JavaScript 语法为 ES6，不然你可能会在 IDE 中看看到⼀⼤⽚红⾊的语法错误。进⼊ Preferences 设置窗⼝，在最左上⾓过滤框中输⼊ JavaScript，定位到 Languages & Frameworks 下的 JavaScript 选项，在右边 JavaScript language version 选择 ECMAScript 6，看下图：
配置上 Cocos Creator 的源码路径，可以进⼀步提⾼ Webstorm代码 提⽰精度，见下图：
点击 Add…按钮，添加 Cocos Creator 源码路径：
⾸先为导⼊的库设置名字
选择应⽤范围为 Global 所有⼯程有效
点击 + 按钮，选择 Attach Directories… 浏览到 Cocos Creator 源码⽬录我⽤的是 Mac 系统设置的路径是：
/Applications/CocosCreator.app/Contents/Resources/engine/cocos2d
点击 OK 保存
对于⾼精度的代码补全来说使⽤ TypeScript 才是更好的选择，可惜 Shawn 使⽤ TypeScript 的经验不多，如果你有这⽅⾯的经验且乐意分享，欢迎发稿到奎特尔星球。
3.⼩结
代码编辑器是程序员的⼀把利剑，本篇介绍在 VSCode 和 Webstorm 中如何排除⼲扰⽂件、优化代码提⽰，以提⾼开发效率。细⼼觉察开发过程中影响效率的地⽅，从⼩事做起，享受编程带来的乐趣吧！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。