react-native-cli는 React Native와 함께 제공되는 스캐폴딩 도구로 개발자가 처음부터 완전한 RN 프로젝트를 빠르게 생성할 수 있도록 도와주는 플러그인입니다. 또한 RN 애플리케이션이 시작될 때 서버를 확인할 수도 있습니다. .js 파일이 업데이트되고 패키징되었는지 여부입니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, React17.0.1&&nodejs 버전 12.19.0, Dell G3 컴퓨터.
react-native-cli는 Facebook의 오픈 소스 프로젝트 React Native와 함께 제공되는 스캐폴딩 도구로, 개발자가 처음부터 완전한 RN 프로젝트를 신속하게 생성하는 데 도움이 됩니다.
react-native-cli는 실제로 Node.js용 플러그인으로, 명령줄에서 React Native 명령을 실행하고 RN 애플리케이션이 시작될 때 서버 측 js 파일이 업데이트되는지 확인하는 데 사용할 수 있습니다. 포장 서비스도 수행합니다.
몇 가지 관련 어휘 이해: Node.js
, React.js
및 React Native
Node.js
,React.js
和React Native
Node.js
: Node.js是JS的运行时环境,类比到Java的jvm,提供了很多系统级的API,如文件操作、网络编程等. 用事件驱动, 异步编程,主要是为后台网络服务设计,使得JS可作为后台开发的语言
React.js
: Node.js的一个UI框架,可以对UI代码进行封装,实现UI组件化
React Native
: 也是Node.js的一个UI框架,是基于React.js实现的
React Native
跟React.js
的本质区别在于在渲染时,ReactJs
是驱动html dom
渲染;React Native
是驱动android/ios
原生组件渲染。
react-native-cli的简单使用方法
1、下载并安装Node.js和npm
可下载最新版本的,记得配置环境变量
2、安装react-native-cli
npm install -g react-native-cli
注: -g
Node.js code>: Node.js는 Java의 jvm과 유사한 JS의 런타임 환경으로, 파일 작업, 네트워크 프로그래밍 등과 같은 많은 시스템 수준 API를 제공합니다. 주로 백그라운드용으로 이벤트 기반 비동기 프로그래밍을 사용합니다. 네트워크 서비스. JS를 백엔드 개발 언어로 사용할 수 있도록 설계됨
React.js
: UI 코드를 캡슐화하고 UI 구성요소화를 실현할 수 있는 Node.js용 UI 프레임워크React Native
: React.js의 본질을 기반으로 한 Node.js의 UI 프레임워크이기도 합니다. React Native
및 React .js
차이점은 렌더링할 때 ReactJs
가 html dom
렌더링을 구동하고 React Native
가 android/ios 기본 구성 요소가 렌더링됩니다.
react-native-cli를 사용하는 간단한 방법
1. download 최신 버전의 경우 환경 변수를 구성하는 것을 잊지 마세요
🎜🎜2. React-native-cli를 설치하세요🎜🎜react-native init MyRNProject🎜참고:
-g
이 매개변수는 모듈을 전역으로 다운로드한다는 의미입니다. 기본적으로 추가되지 않습니다. 즉, 로컬에 다운로드된다는 의미이며, 이 모듈은 현재 디렉터리 프로젝트에만 적용할 수 있음을 나타냅니다. 🎜🎜🎜3. 빠르게 RN 애플리케이션 생성🎜🎜🎜1) RN 프로젝트 생성🎜react-native run-ios🎜🎜🎜init: 초기 프로젝트, 빠르게 RN 프로젝트 생성🎜🎜🎜🎜MyRNProject: 프로젝트 이름🎜🎜🎜🎜2) 프로젝트 시작(실행) iOS 프로젝트, 효과 확인)🎜rrreee🎜위의 단계가 올바르게 설치되었다면 iOS 시뮬레이터를 시작하고 RN 프로젝트를 실행할 수 있을 것입니다. 전체 과정은 매우 간단해 보입니다. 매우 편리하고 단순해 보이는 이유는 React-native-cli 명령줄 도구가 일련의 종속 항목 생성, 구성, 초기화 및 설치를 완료하기 때문입니다. 이 글의 초점은 여러분이 React-native-cli가 우리에게 정확히 무엇을 하는지, 그리고 그것이 어떻게 수행되는지 살펴보는 것입니다. 🎜🎜【관련 추천: 🎜Redis 비디오 튜토리얼🎜】🎜
위 내용은 반응 네이티브 CLI 란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!