今天在翻译React native官方网站的文章时,发现了一个好东西,可以在线编辑React native程序,且可以查看运行效果,是不是比较炫酷?
打开后默认界面如下:
![](https://img.haomeiwen.com/i2004793/68a0c1c7bc9f1403.png)
创建应用
登陆成功后,选择NEW APP
菜单创建自己的APP,然后会出现如下界面:
![](https://img.haomeiwen.com/i2004793/0aa910c8e98eb741.png)
然后我们点击右边的设备,可以查看效果:
![](https://img.haomeiwen.com/i2004793/8809f56d5b7d0780.jpg)
修改
在面板左边的在线编辑器中进行修改后,按Ctrl+s时会实时的将效果显示在右边的设备中:
![](https://img.haomeiwen.com/i2004793/4abe004382f93781.png)
总结
这个网站我想能帮助很多没有mac设备的同学也能一睹react-native的尊容,也不用再配繁杂的环境了。今天在翻译React native官方网站的文章时,发现了一个好东西,可以在线编辑React native程序,且可以查看运行效果,是不是比较炫酷?
网友评论