ionic2 설치하기 및 프로젝트 생성하기

hybrid app/ionic2 2017. 2. 22. 11:23
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

ionic2 설치하기 및 프로젝트 생성하기



1. nodejs 설치하기 (아래 주소 참고)


http://jjongarcas.tistory.com/41



2. npm을 이용하여 ionic과 cordova 설치하기


$> npm install -g ionic cordova


3. 프로젝트 생성하기 (tabs, sidemenu, blank, tutorial 등 기본 템플릿 제공)


$> ionic start myApp tabs


4. 실행하기

$> cd "프로젝트 생성경로"

$> ionic serve  (이때 -l 또는 -list  옵션을 주면 여러 platform 으로 확인 가능)


5. Platform 추가하기

- Android

$> ionic platform add android

- iOS

$> ionic platform add ios


6. 빌드하기 ( ios는 빌드시 컴퓨터가 Mac 이어야 한다는데 Mac이 없는 관계로 명령어만...)


$> ionic build ios

$> ionic build android



7. Emulate로 실행하기


$> ionic emulate "platform명"


Tip . Android 운영체제는 ios와 달리 PC에 설치 할수 있는 Emulator 들이 존재합니다


지니모션 https://www.genymotion.com/

녹스 http://www.bignox.com/kr

블루스택 http://bluestacks.com


또, Android는 기기를 소지한 경우 환경설정>개발자모드>USB 디버깅의 체크박스를

체크 상태로 변경 후 USB로 PC와 연결하여 직접 기기에서 실행 가능 합니다.

개발자 모드 활성화는 Android 기기마다 다를수 있습니다.


$> ionic run android