您的当前位置:首页正文

我不懂的React Native之HelloWorld

来源:要发发知识网

记一次Windows下的React Native之Hello World (Android版)
----写给2017

一,环境搭建

1、安装jdk
2、安装sdk
3、确保有C++环境

React Native Env C++.png
4、安装Git
5、安装Node.js

6、设置全局使用镜像
打开CMD
依次输入
npm config set registry https://registry.npm.taobao.org  
npm config set disturl https://npm.taobao.org/dist

7、安装React Native命令行工具
git bash下,将React Native包克隆到本地

git  clone 

CMD下进入该目录

install react-native-cli.png

等待......

二、创建项目

进入自己的工作空间,输入指令

react-native init (工程名,首字母大写)  

可以看到工作空间上有自己创建的工程,目录如下


react-native init.png

三、运行项目

使用编辑器(自选),修改部分显示内容(这不是重点),如图

run react-native.png

cmd进入我们的工作空间,连接手机

react-native run-android.png

等待...
ok

react-native run ok.png

镇楼

日向雏田.jpg