React Native 개발 환경 구축 방법 절차
1316 단어 ReactNative환경 을 조성 하 다
준비 작업
node -v:Node 설치 여 부 를 확인 하고 설치 에 성공 하면 다음 명령 을 수행 합 니 다.그렇지 않 으 면 Node 의 설 치 를 먼저 진행 합 니 다.npm install -g create-react-native-app:npm 를 사용 하여 React Native 응용 프로그램 을 빠르게 만 듭 니 다.create-react-native-app AwesomeProject:AwesomeProject 라 는 프로젝트 를 만 듭 니 다.cd AwesomeProject:프로젝트 가 있 는 파일 디 렉 터 리 에 들 어 갑 니 다.yard start:서 비 스 를 시작 하면 터미널 에 QR 코드 와 링크 주 소 를 표시 합 니 다.
React Native 응용 AwesomeProject 실행
Expo 클 라 이언 트 앱 을 다운로드 한 휴대 전 화 를 컴퓨터 와 같은 무선 네트워크 에 연결 합 니 다.
엑스 포 클 라 이언 트 앱 을 열 고 엑스 포의 스 캔 기능 으로 터미널 의 QR 코드 를 스 캔 하거나 엑스 포 에 터미널 에 표시 되 는 애플 리 케 이 션 의 링크 주 소 를 입력 하면 애플 리 케 이 션 실행 효 과 를 볼 수 있다.
수정 응용
응용 프로그램 이 있 는 디 렉 터 리 파일 에 들 어가 App.js 파일 을 열 면 React Native 개발 이 가능 합 니 다.
이로써 리 액 트 네 이 티 브 는 개발 환경 구축 에 성공 했다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
바삭바삭하고 간단한 결제 페이지 만들기먼저 Next.js에서 프로젝트를 만듭니다. Vercel & Next.js가 매우 편하기 때문에 최근에는이 구성을 사용하고 있습니다. 그런 다음 Tailwind CSS를 넣습니다. Tailwind CSS를 사용하면 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
