ReactNative初学1-环境搭建

ReactNative
环境搭建
   参考   rn中文网https://reactnative.cn/docs/getting-started.html
   准备：Nodejs6.0【以上】、Python2【必须是2.x】、JDK1.8【必须1.8】、SDK、AndroidStudio【对工程编码、运行、修复】、git【部分工程下载需要Git支持】
   说明：Nodejs相当于服务器、AndroidStudio可以提供运行环境和ADB驱动、Android虚拟机

配置环境
   path下：确认jdk\bin 、jdk\jre\bin 、sdk\tools、sdk\platform-tools、git\cmd、nodejs\

指令

 安装yarn指令：
    npm install -g yarn react-native-cli
    yarn设置镜像源：yarn比npm加载node模块下载更迅速
    yarn config set registry https://registry.npm.taobao.org --global
    yarn config set disturl https://npm.taobao.org/dist --global
    npm/yarn add 第三方插件【跳转Navigation、视频组件video等】

AndroidStudio需要将SDK修改为自己配置好的SDK、如果使用其它虚拟机也需要在虚拟机配置ADB为配好的SDK【使用默认SDK可能有问题】

创建新项目：

 react-native init appName --version 0.55.4 【注：--version 0.55.4 是指定版本号，不写默认最新】

需等待一段时间

To run your app on iOS:
   cd D:\Android\ReactNative\Example
   react-native run-ios
   - or -
   Open ios\Example.xcodeproj in Xcode
   Hit the Run button
To run your app on Android:
   cd D:\Android\ReactNative\Example
   Have an Android emulator running (quickest way to get started), or a device connected
   react-native run-android

代表创建成功

确认启动好模拟器

cd D:\Android\ReactNative\Example\\进入工程下

Android环境下：
    react-native run-android
ios环境下    
    react-native run-ios

启动工程，APP安装运行移植工程到不同环境时

cat package.json//查看工程,环境,依赖版本号

yarn/npm  install//运行该指令后再运行工程

个人GitHub源码，有兴趣可以看看

ReactNative初学1-环境搭建

猜你喜欢