Monaca에서 Ionic 사용

1974 단어 ionicmonaca
※2016/05/04 추가
최근 들어 Monaca가 Ionic을 지원한 것 같습니다.

Ionic이 겨우 AngularJS 1.5에 대응했습니다(2.x계의 이야기가 아니고 죄송합니다).

Ionic 공식 블로그
htp : // bg. 이오니 c. 이오 / 안오 응 신 - 이오니 c - 1-3 /

즉시 앱을 만들어 봅시다.

Monaca 템플릿을 사용하는 경우



대시보드에서 새 프로젝트 만들기를 클릭하고 Ionic 템플릿을 선택한 다음 만들기를 누릅니다.


이것만!

자체적으로 Ionic 라이브러리를 통합하는 경우



※Node.js Ver.4 인스톨이 끝난 것으로 합니다.

Cordova 설치



Cordova가 없으면 NPM 명령으로 설치합시다.
$ npm install -g cordova

Ionic 설치



NPM 명령으로 Ionic CLI를 설치합니다.
$ npm install -g ionic

샘플 앱 만들기



Ionic 샘플을 만듭니다.
$ ionic start myApp tabs

샘플은
- 블랭크
- 탭
- sidemenu

3가지 중에서 선택할 수 있습니다.

Monaca에 추가


/myApp/www/ 다음을 Monaca의 /www/에 업로드합니다.



미리보기가 표시되면 완료됩니다.

↓ 위의 작업이 귀찮은 경우 Monaca 템플릿을 사용하거나 아래 샘플을 가져옵니다.
htps : // 기주 b. 코 m/푸쿠 0x/모나카-이오니 c/bぉb/마s r/모나카-이오니 c. 지 p

소감



생각보다 쉽게 ​​도입할 수 있었습니다.

Monaca는 OnsenUI를 권장하지만, 부족한 경우 Ionic을 사용하는 것이 좋습니다.

좋은 웹페이지 즐겨찾기