学习React Native(二)HelloWorld

前端之家收集整理的这篇文章主要介绍了学习React Native(二)HelloWorld前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

首先创建个ReactNative文件夹来放HelloWorld工程

mkdir ReactNative
cd  ReactNative

因为墙的原因,可以把npm镜像指向淘宝或者vpn
参考文章

下面创建HelloWorld工程

react-native init  HelloWorld --verbose

创建成功会看见下面目录

打开iOS目录可以在Xcode上运行项目
或者在终端上可以 用open命令打开Xcode

open HelloWorld.xcodeproj/

这时候终端启动一个端口为8081 本地网络服务

模拟器运行后

上面告诉我们cmd + r 可以刷新模拟器 cmd+d 可以打开一个设备菜单

下面我们回调工程目录里面,会发现一个 index.ios.js
如何你用终端打开的话因为终端被本地服务占据,可以用命令 cmd + n 在打开一个终端窗口
可以用 vim index.ios.js 打开js文件,你会找到Welcme to React Native 字符串,你可以把字符串改成HelloWorld ,或者用其他IDE 打开工程!



HelloWorld


To get started,edit index.ios.js


Press Cmd+R to reload,{‘\n’}
Cmd+D or shake for dev menu


“`
然后点击模拟器 cmd+r 刷新
如果cmd+r 没反应 看下图

开始ReactNative 的学习旅程吧!不会js,不会css 小弟就没搞过前端!边学边记边学!不能让没学过前端成为学习的绊脚石!

原文链接:https://www.f2er.com/react/307473.html

猜你在找的React相关文章