개발환경) Cocos Creator + VSCode

Cocos Creator  + VSCode 설치

Cocos Creator URL: https://cocos2d-x.org/download

Download Cocos2d-x, Cocos Creator and Cocos | Cocos2d-x

VSCode Download URL :https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

 

 

코코스 크리에이터 설치방법은 다음과 같다.

 

 

코코스 크리에이터가 설치가 되면 빈 프로젝트를 만든다.

 

 메뉴의 File - Setting을 클릭

 

 

 

 

Setting의 Data Editor의 External Script Editor 의 Browse의 버튼을 눌러서 설치된 VSCode의 실행파일을 선택해준다.

 

그러면 이제 코코스 크리에이터에서 스크립트를 더블클릭하면 자동으로 VSCode가 연결이 된다.

 

 

그리고 코코스 크리에이터의 메뉴에서 Developer - VS Code WorkFlow의 메뉴 중 필요한 옵션을 클릭하면

Console 창에 해당 메뉴의 기능이 로드된 것을 확인할 수 있다.

 

VS Code에서 어시스트를 사용하고 API를 호출하기 위해서

Update VS Code API Source

Install VS Code Extension

두 가지가 필요하고

 

TypeScript로 코드 작성을 원하면

Add TypeSciript Config

 

Chrome으로 Debug를 하기를 원하면

Add Chrome Debug Setting을 선택하면 된다.

 

 

기본적으로는 이렇게 설정하면 되고 

VS Code에서도 디버깅 및 사용하기 편한 것들을 설치해야 한다.

 

VSCOde의 마켓플레이스에서 Chrome을 검색하면 Debugger for Chrome 을 설치하면 된다.

 

코코스 크리에이터에서 디버깅이 되는지 확인하는 방법은

스크립트에서 F5를 눌러서 실행할 때 Brake Point가 정상 작동하는지 확인하면 된다.

 

*해당 설치에 대한 내용은 현시점 2019.10.24일 기준으로 작성되었습니다. 참고 바랍니다.

 

★★★★★