React Native环境搭建及Hello World

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

环境搭建

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

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

首先

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

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

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

React Native环境搭建及Hello World_第1张图片

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

React Native环境搭建及Hello World_第2张图片

第二步

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

就按native官网所说的安装React Native环境搭建及Hello World_第3张图片

第三步

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

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

React Native环境搭建及Hello World_第4张图片

 React Native环境搭建及Hello World_第5张图片

path

React Native环境搭建及Hello World_第6张图片

第四步

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

React Native环境搭建及Hello World_第7张图片React Native环境搭建及Hello World_第8张图片React Native环境搭建及Hello World_第9张图片

第五步

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

React Native环境搭建及Hello World_第10张图片

运行yarn android

React Native环境搭建及Hello World_第11张图片输入a

React Native环境搭建及Hello World_第12张图片然后

就启动成功了

编写Hello World

React Native环境搭建及Hello World_第13张图片

React Native环境搭建及Hello World_第14张图片

App.tsx是入口文件

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

!!! 

你可能感兴趣的:(react,native,react.js,javascript)