본문 바로가기
개발/ionic

[ionic 5] 새로운 프로젝트 생성하기

by kamyiho 2020. 12. 26.
728x90

새로운 프로젝트를 생성해보자!

또로롱


https://ionicframework.com/docs/cli/commands/start

 

ionic start - Ionic Documentation

Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open web standards

ionicframework.com

 

프로젝트 유형은 tabs, sidemenu, blank로 세 가지로 구분할 수 있다.

  • tabs: A tabs based layout
  • sidemenu: A sidemenu based layout
  • blank: An empty project with a single page

이 중에서 나는 tabs 유형으로 프로젝트를 만들어보려한다.

생성 명령어는 아래와 같다.

$ ionic start {project_name} tabs

명령어를 실행하면 Framework를 선택하라는 화면이 나오는데 나는 Angular를 선택했다.

(Angular를 선택했지만 큰 이유는 없다.)

(Angular, React 두 가지가 있으니 편한 것으로 선택하면 될 것 같다.)

 

 

선택 후 엔터를 누르면 프로젝트 생성이 진행된다.!

그리고 해당 프로젝트 경로에서 터미널을 열어 아래 명령어를 입력하고 실행한다.!

$ ionic serve

실행이 완료되면 크롬 등의 브라우저에서 프로젝트 실행화면이 자동으로 열린다.!

만약, 자동으로 열리지 않는다면 주소창에 http://localhost:8100 을 입력하면 프로젝트의 실행 화면을 볼 수 있다.!


뚜루룽

ionic 3에서는 프로젝트 실행 명령어가 동작하지 않아 다른 방법으로 프로젝트를 실행했당..

ionic 5에서도 이 방법이 잘 동작하는지 확인해봐야겠당.! 

반응형

댓글