expo로 vue native(react-native) 개발 시작하기

  1. node기반이니까 노드를 설치한다.
    https://nodejs.org/ko/
  2. 개발을 도와주는 방법은 여러가지가 있는데 expo를 사용하면 편하다.
    https://docs.expo.io/versions/latest/workflow/expo-cli/
    $ npm install –global expo-cli
  3. Vue로 개발할거라서 vue-native를 설치해준다 (React면 react-native를 설치하면 된다)
    $ npm install –global vue-native-cli
  4. expo-cli를 이용할거기때문에 expo.io에 들어가서 계정 가입을 해주고 쉘에서 로그인한다.
    $ expo-cli login
  5. 프로젝트 초기화
    $ vue-native init <projectName>
  6. 프로젝트 폴더로 이동하여 run npm을 실행하면 빌드상태를 체크할 수 있는 로컬 빌더가 뜬다.
    $ cd <projectName>
    $ npm start
  7. 좌측 메뉴에 존재하는 시뮬레이터를 실행하여 실시간으로 빌드된 native-app을 띄워볼 수 있다.
    (문제가 있거나 연결이 실패하면 하단 connection 모드를 lan 혹은 local로 바꿔보자)
  8. react-native를 같이 쓰고 싶다면 아래 아이들을 설치하자
    $ npm install vue-native-core vue-native-helper –save
    $ npm install vue-native-scripts –save-dev
    $ npm install react-native
  9. 기본적인 개발 세팅 끄읏~!

You may also like...

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.