react安装_React-native环境搭建

自己有android原生开发的经验,但是现在是一名web前端工程师,熟悉完react这个框架之后,最近在上手react-natvie这个框架,使用JavaScript和React编写原生移动应用这是官方对react-native的定义.让我们先来看一段代码.

import React, { Component } from 'react';
import { Text, View } from 'react-native';

class WhyReactNativeIsSoGreat extends Component {
  render() {
    return (
      <View>
        <Text>
          如果你喜欢在Web上使用React，那你也肯定会喜欢React Native.
        </Text>
        <Text>
          基本上就是用原生组件比如'View'和'Text'
          来代替web组件'div'和'span'。
        </Text>
      </View>
    );
  }
}
//熟悉react的朋友应该都看得懂这个代码

那我们接下来搭建环境试一试,官方推荐安装android studio 主要是使用它的SDK和模拟器

1.首先安装脚手架npm install -g yarn react-native-cli

2.安装完之后就可以创建一个react-native的项目了 使用react-nativeinit AwesomeProject

3.创建完之后想调试这个程序就需要开始搭建android的开发环境了

配置sdk的环境,已经adb的环境

推荐直接安装android studio http://www.android-studio.org/ 下载链接在这里.

具体操作如下:

1.打开控制面板->系统和安全->系统->高级系统设置->高级->环境变量->新建，创建一个名为ANDROID_HOME的环境变量（系统或用户变量均可），指向你的 Android SDK 所在的目录 例如我自己的是F:/android/sdk

2.打开控制面板->系统和安全->系统->高级系统设置->高级->环境变量，选中Path变量，然后点击编辑。点击新建然后把 platform-tools 目录路径添加进去。例如我自己的是F:/android/sdk/platform-tools

3.敲命令adb-V出现版本号就证明adb的环境变量已经搭建好了

到这里环境已经搭建好了 就开始使用react-native run-android 来跑一跑这个项目

现在app已经跑起来了,支持热更新. Ide的话个人推荐Vs Code,功能强大非常好用.