React Native环境搭建及Hello World

写这篇博客的目的就是想说,react native 挺简单,但是大部分初级前端会被环境搭建给难住,从而放弃.

环境搭建

环境搭建其实说简单也挺简单的,有经验的前端直接翻看react native中文文档就行,直接按上面来肯定没错

以下以安卓开发,windows配置环境为例,来演示一遍

首先

电脑上得有node环境和npm,yarn等随便一个包管理工具

下载java JDK 目前native 要用11版本的jdk

安装java的jdk得配置一下电脑的环境变量(我这里因为后端开发需要下载了两个版本)

在path路径中也配置好(有点乱,可以自行百度配置)

第二步

下载 Android Studio 和应用工具 - Android 开发者  |  Android Developers网站下载安卓开发工具

就按native官网所说的安装

第三步

下载完之后,我们也需要配置一下android的环境变量

点击安卓开发工具的左上角设置进入这个页面找到这个,将这个路径copy下来

 

path

第四步

 我们点击这里需要下载一个模拟器

第五步

按照官网所说的创建一个新项目

运行yarn android

输入a

然后

就启动成功了

编写Hello World

App.tsx是入口文件

自己按着react语法  配合着react native官网就可以开干了

!!! 

相关推荐

  1. React环境

    2023-12-07 23:08:01       34 阅读
  2. React开发环境教程

    2023-12-07 23:08:01       32 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-07 23:08:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-07 23:08:01       106 阅读
  3. 在Django里面运行非项目文件

    2023-12-07 23:08:01       87 阅读
  4. Python语言-面向对象

    2023-12-07 23:08:01       96 阅读

热门阅读

  1. leetcode:93. 复原 IP 地址

    2023-12-07 23:08:01       49 阅读
  2. React笔记

    2023-12-07 23:08:01       61 阅读
  3. HAProxy简写

    2023-12-07 23:08:01       58 阅读
  4. debian&ubuntu的nvidia驱动升级

    2023-12-07 23:08:01       54 阅读
  5. Leetcode 538 把二叉搜索树转换为累加树

    2023-12-07 23:08:01       57 阅读
  6. Vs创建空白Qt项目

    2023-12-07 23:08:01       45 阅读
  7. 《C++新经典设计模式》之附录A 类和对象

    2023-12-07 23:08:01       41 阅读
  8. Spring JdbcTemplate

    2023-12-07 23:08:01       40 阅读
  9. 30+程序员应该如何养生+养身体

    2023-12-07 23:08:01       54 阅读