[WebApp] 웹앱 개발환경 구축하기2-프로젝트 생성

먼저 아이오닉 프로젝트를 만들어보겠습니다.

ionic3 프로젝트를 만들기 위해서는 먼저 IDLE이 있어야 합니다.

참고로 저는 MacBook에서 Visual Code를 사용합니다.

 

1. Visual Code 실행

visual code에는 터미널 기능이 있습니다.

[메뉴]-[Terminal]=[New Terminal]

cd(change directory) 명령어를 통해 원하는 폴더로 이동합니다.

저는 Documents 폴더에 프로젝트를 만들었습니다.

 

2. 명령어 입력

ionic start [appName] blank --type=ionic-angular 

저는  ionic3을 통해 앱을 만들 계획이기 때문에 위와 같은 명령어를 입력했습니다.

프로젝트 폴더가 생성되었는지 확인해볼까요?

개발 준비가 다 되었으니 이제 생성된 폴더로 들어가봅시다.

cd ./[AppName]를 터미널에 입력해주세요.

생성이 완료되었다면 실행을 해봐야겠죠?

터미널에 ionic serve를 입력해주세요.

실행이 완료되었다면 인터넷 창이 열리고 이런 화면이 뜹니다.

저는 Chrome을 사용합니다.

마우스 오른쪽 버튼을 눌러 [검사]를 클릭하세요.

이렇게 앱 화면으로 바뀝니다. 화면의 크기는 상단 설정에서 기기에 따라 바꿀 수 있습니다.

개발 환경 구축 두번째 시간은 끝!

다음 포스팅에서는 파이어베이스와 프로젝트를 연동 해보겠습니다.