Getting Started with Ionic - Ionic Framework 을 해 보았으므로 잊지 않도록 메모를 썼습니다. 첫 투고입니다.

개발환경 정돈

OSX Yosemite (10.10.3)

준비하는 것(OSX)

최신 버전의 XCode

여기 (MacAppStore)에서 최신 버전의 XCode를 다운로드하여 설치하십시오!
여기에는 iOS 에뮬레이터도 포함되어 있습니다.

Node.js

Node.js의 버전 관리를 해주는 nodebrew로 설치해 두면 편리하고 사용하기 쉽다고합니다.
나는 Homebrew를 사용하고 있기 때문에,이 사이트를 참고로했습니다!

【Mac】 nodebrew의 설치와 명령 등 사용법 정리 | TASK NOTES

Ionic 관계 설치

먼저 Node.js의 모듈 관리 도구 npm에서 cordova 모듈과 ionic 모듈을 설치합니다.

$ npm install -g cordova ionic

옵션 -g 는 글로벌 인스톨이라고 불려, 이것으로 시스템에 패스를 건네줍니다.
즉, 시스템 전역에서 명령(모듈)을 사용할 수 있습니다.

추가로 터미널에서 iOS 에뮬레이터를 작동시키기 위해 ios-sim 모듈이 필요하므로 설치합니다.

$ npm install -g ios-sim

Ionic 프로젝트 만들기

Ionic 프로젝트는 이 명령으로 작성됩니다.

$ ionic start myApp tabs

※ Cordova에서는 「cordova create」가 되도록, ionic과 cordova에서는 커맨드가 조금씩 다르거나 합니다!

myApp이라는 이름의 새 폴더에 탭 템플릿의 내용이 확장됩니다.

템플릿은 blank(특별한 아무것도 없다), tabs(탭형 네비게이션), sidemenu(드로어형 네비게이션)의 3개로부터, 어쩐지 만들고 싶은 것을 선택합니다.

그리고 움직이는

방금 만든 폴더로 이동하여 대상 플랫폼에 iOS를 추가.

$ cd myApp
$ cd ionic platform add ios

빌드한 후 에뮬레이터를 시작합니다.

$ ionic build ios
$ ionic emulate ios

iOS 에뮬레이터가 시작되고 앱이 시작됩니다.

되돌아가다

일부러 쓸 정도의 내용인지 잘 생각해야 했을지도 모릅니다.