美文网首页
我不懂的React Native之HelloWorld

我不懂的React Native之HelloWorld

作者: 孤诣 | 来源:发表于2017-01-01 12:21 被阅读41次

记一次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

相关文章

网友评论

      本文标题:我不懂的React Native之HelloWorld

      本文链接:https://www.haomeiwen.com/subject/otscvttx.html