我不懂的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
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下进入该目录

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容