Cordova / Ionic CLI 설치

이전 블로그에서 node.js와 npm을 설치하였다.

node -v (설치확인)

npm -v (설치확인)

*npm : Node Package Manager

 

Git 설치하기

 

분산버전관리시스템이다.

 

http://git-scm.com/downloads

Git

git --version

 

TypeScript 설치하기

오픈 소스 프로그래밍 언어. 자바스크립트의 상위언어.

 

npm install typescript -g

tsc -v (설치확인)

 

Cordova 설치하기

오픈소스 모바일 개발 플랫폼. 코르도바를 활용하면 네이티브앱과 같이 모바일 장치의 GPS, 센서, 카메라를 제어하는 앱 개발이 가능하다.

 

npm install -g ionic cordova

cordova -v (설치확인)

ionic -v (설치확인)

ionic info

Ionic

 

 

 

Ionic 앱 시작

Ionic은 기본적으로 Blank, Tabs, Side Menu 세가지 기본 템플릿을 제공한다.

원하는 폴더에서 아래와 같은 명령어를 실행한다.

ionic start -a "MyApp 1" -i app.example.one example1 blank --type=ionic-angular

-a "MyApp 1" : 앱 이름 (사람이보는이름)

-i app.example.one : 앱 ID

example1 : 폴더이름

blank : 템플릿

--type=ionic-angular : 이 플래그는 프로젝트가 최신 버전의 Ionic을 활용해 구조, 설계됐다는 것을 나타낸다. 이 기능은 추후 제거될 수 있다.

 

만들어진 example1 폴더로 이동 후 서버 실행

ionic serve

다른 포트로 실행시

ionic serve -p 8200