expo + react-native 실행 환경 극속 설정

우선 node 및 npm를 설치해야 하고, 그 다음에 npm의 전역prefix와cache 디렉터리를 환경 변수에 추가하여 npm 전역 설치의 의존을 직접 실행할 수 있도록 한다. 예를 들어yarn
이 곳에서 expo+react-native를 설정하는 것은 사실 두 개의 비계를 이용하는 것이다. 하나는 create-react-native-app로 프로젝트 디렉터리를 만들고 다른 하나는 expo-cli로 프로젝트를 시작하고 프로젝트를 포장하고 발표하는 데 사용된다.
핸드폰 단말기를 더욱 잘 체험하기 위해 expo 클라이언트로 조회하는 것을 추천합니다. 안드로이드와 ios 버전이 있습니다. 현재 ios 버전은store에서 내린 것 같습니다.
yarn 의존 관리 도구 설치
더 빠른 의존 설치 도구 (사실은 처음 의존을 설치할 때 캐시를 합니다), 캐시 디렉터리는 비교적 크지만,yarn 다운로드 의존을 사용하는 것을 추천합니다

$ npm i -g yarn
$ yarn global bin # yarn     
$ yarn global dir  # yarn          

#   ：
$ yarn config set global-folder D:\env
odejs
ode_global
$ yarn config set cache-folder D:\env
odej
ode_cache

명령행 비계를 설치하다

$ npm i -g create-react-native-app expo-cli exp

#      yarn    
$ yarn global add create-react-native-app expo-cli exp

프로젝트 디렉토리 만들기
직접create-react-native-app를 사용하여 프로젝트 디렉터리를 만들 수 있습니다. 다른 초기 모듈을 미리 설정하여 개인적으로 기본으로 하면 됩니다.

$ npx create-react-native-app [   ]

>      default 

만약 중간에 npm install에 있을 때 과정이 매우 느리다면,yarn 설치 프로젝트를 수동으로 사용하는 것을 추천합니다.
실행

# npm   
$ npm run android
$ npm run web
$ npm run ios

#      yarn     
$ yarn android
$ yarn web
$ yarn ios

물론 expo start --web 등의 명령도 직접 사용할 수 있다
시작하면dev-tools의 웹 서버를 시작합니다. 기본 포트는 19000입니다. 이 서버는 응용 프로그램을 감청하는 서버입니다. 예를 들어 코드의 일부에console가 있습니다.log, 이 서비스는 인쇄됩니다
명령줄이 성공적으로 실행되면 QR코드가 하나 있습니다. 이 QR코드는 expo 클라이언트가 스캔하여 접근할 수 있는 QR코드로 핸드폰에서 직접 이 앱을 실행할 수 있습니다.
expo 클라이언트는 입력할 수 있습니다exp://192.168.8.170:19000현재 서버 주소 액세스
현재 프로젝트 생성 패키지를 아래에 첨부합니다.json 및 expo 클라이언트 버전
package.json

{
  "main": "index.js",
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "web": "expo start --web",
    "start": "react-native start",
    "test": "jest"
  },
  "dependencies": {
    "expo": "~37.0.3",
    "expo-splash-screen": "^0.2.3",
    "expo-updates": "~0.2.0",
    "react": "~16.9.0",
    "react-dom": "~16.9.0",
    "react-native": "~0.61.5",
    "react-native-gesture-handler": "~1.6.0",
    "react-native-reanimated": "~1.7.0",
    "react-native-screens": "~2.2.0",
    "react-native-unimodules": "~0.9.0",
    "react-native-web": "~0.11.7"
  },
  "devDependencies": {
    "@babel/core": "~7.9.0",
    "babel-jest": "~25.2.6",
    "jest": "~25.2.6",
    "react-test-renderer": "~16.9.0"
  },
  "jest": {
    "preset": "react-native"
  },
  "private": true
}

expo 클라이언트 버전: 2.15.4
참조 링크
create-react-native-app github 홈페이지 expo cli 비계github 홈페이지 expo 홈페이지 react-native 홈페이지 react-native 중국어망 yarn cli 명령 도움말 문서