[설정] Ionic 환경 구성하기!

출처 : unsplash

※ 앱 개발 스터디를 위해 하이브리드 앱 개발이 용이한 Ionic을 배워보려 Ionic 환경 구성하려했는데!!!

엄청난 삽질 끝에 간신히 환경 구성 완료!! 잊지 않기 위해 메모해둠 (MacOS catalina 기준)

 

1. 설치 모듈 버전 (2021.02.02 기준)

모듈	버전
java	$java -version 1.8
node	$node -v v6.11.3
npm	$npm -v 3.10.10
cordova	$cordova -v 7.1.0
ionic	$ionic -v 3.20.0

 

2. ionic 설치 전 필수 설치 항목

• java
• node.js
• Android Studio
• Xcode

- 처음 ionic 설치 진행할때 node.js만 설치하고 바로 설치했더니 에러나서 이것 설치하고 저것 설치하고 뒤죽박죽되었다.

- 그래서 모두 삭제 후 위의 항목 사전 설치 후 ionic, cordova 설치 진행했더니 문제 없이 깔끔하시 설치 완료!

- node.js의 경우 nodejs.org/ko/download/releases/ 에서 설치를 원하는 버전을 선택 후 pkg 파일 다운로드 하여 진행함

  (해당 패키지는 node.js 6.11.3버전과 npm 3.10.10 버전 포함된 패키지)

- 사실 책에서는 Android Studio와 Xcode는 ionic 설치 후 설치하는 것으로 나오는데.. 여러 번 설치 실패를 겪은 나는.. 미리 다 설치해버렸다... ㅋ

 

3. cordova, ionic 설치 진행

$ sudo npm install -g cordova@7.1.0     # cordova 특정 버전(7.1.0) 설치 $ sudo npm install -g ionic@3.20.0       # ionic 특정 버전(3.20.0) 설치

 

4. 프로젝트 폴더 생성

- 책에서 안내한 대로 sample 이란 폴더 생성

$ ionic start sample blank --no-link

이 화면을 얻으려고 얼마나 삽질을 했는지... ㅠㅠ

5.  기동!

$ ionic serve

 

6. 참고

구분	URL
ionic 설치	devkimgoon.tistory.com/7
node.js 삭제	www.positronx.io/how-to-uninstall-node-js-and-npm-from-macos/
homebrew 설치	ooeunz.tistory.com/5
homebrew 설치	www.dev2qa.com/how-to-install-uninstall-node-js-npm-on-mac/
ionic 설치	m.blog.naver.com/woogi100/221982091725
ionic 설치	developerbee.tistory.com/6

 

 

출처 : google