我不懂的React Native之HelloWorld

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

一,环境搭建

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

我不懂的React Native之HelloWorld_第1张图片
React Native Env C++.png

4、安装Git
5、安装Node.js
http://nodejs.cn/
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 https://github.com/facebook/react-native.git

CMD下进入该目录

我不懂的React Native之HelloWorld_第2张图片
install react-native-cli.png

等待......

二、创建项目

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

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

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


我不懂的React Native之HelloWorld_第3张图片
react-native init.png

三、运行项目

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

我不懂的React Native之HelloWorld_第4张图片
run react-native.png

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

我不懂的React Native之HelloWorld_第5张图片
react-native run-android.png

等待...
ok

我不懂的React Native之HelloWorld_第6张图片
react-native run ok.png

镇楼

我不懂的React Native之HelloWorld_第7张图片
日向雏田.jpg

你可能感兴趣的:(我不懂的React Native之HelloWorld)