React-Native的环境配置与第一个HelloWorld

时间:2021-08-19 17:18:41

   学习的步伐跟不上技术的革新与进步,但是多一点了解,多一点进步,说不定会在将来的某一时刻派上用场。

   切入正题。

原文的博客园地址:React-Native入门指导之iOS篇 —— 一、准备工作  只有一篇文章,很可惜。感谢作者。

     附上facebook官方的教程网站地址,供大家研究学习:https://facebook.github.io/react-native/docs/getting-started.html

   附上facebook官方的教程网站的中文版本,供大家研究学习:http://reactnative.cn/docs/0.22/getting-started.html。

    大家可以关注下这位大神的相关专栏,以便更好的学习研究交流:http://www.lcode.org。

   大家可以参考极客学院的介绍文档,以便更好的学习研究交流 :http://wiki.jikexueyuan.com/project/react-native/

   简书专题:React Native开发

  如果想学习的话,谁也阻止不了你,处处留心皆学问啊,哈哈!


   

  一切以官网为标准!!!!!

环境搭建过程中出现的问题:

1.安装Homebrew 按照博主可能会报错,可以直接安装Brew  命令如下:

curl -LsSf http://github.com/mxcl/homebrew/tarball/master | sudo tar xvz -C/usr/local --strip 1
 
当brew安装成功后,就可以随意安装自己想要的软件了,例如wget,命令如下:
sudo brew install wget 

卸载的话,命令如下:
sudo brew uninstall wget。

2.安装React Native CLI  可能报错,查看终端打印,可以在install -g react-native 前添加sudo获取管理员权限;

3.创建项目是后如下报错:

Lix-LimatoiMac:~ moonvan2006$ react-native init HelloWorld
Looks like you installed react-native globally, maybe you meant react-native-cli?
To fix the issue, run:
npm uninstall -g react-native
npm install -g react-native-cli

 分析: 貌似只能在安装的根目录下创建项目。如果切换到自己创建的文件夹下创建HelloWorld 项目就会报错。

 解决办法:根据终端提示,使用如下命令:sudo npm install -g react-native-cli

切换到自己创建的文件夹下,使用命令$  react-native  init Hello 创建一个Hello 工程实例。这个过程可能比较漫长,请耐心的等。。。。

Hello工程文件目录如下所示:

React-Native的环境配置与第一个HelloWorld

在模拟器中运行后下所示:

React-Native的环境配置与第一个HelloWorld

以后如何调试了,请参考以上的介绍的文章说明!




不妥或者错误之处,请批评指正,相互学习,共同进步!