React-native 程序第一个HelloWorld的编写

前提: 我上文提到的环境配置,如果都ok的话,即可进行以下编写:

第一步:

 cmd 命令行输入:  react-native init RNDemo 回车  (备注:RNDemo 是自己随便给新程序命名,相当于Android Studio中的 New Project)  这个命令的目的,就是建立一个React native的新工程 ,等到cmd执行完毕,即可在cmd执行的目录下,看到新建的RNDemo工程了.

新工程目录如下:

第二步:  继续在上面的cmd命令行中,输入  npm install   回车  这个时候是把该工程的相关文件编译成build文件, 类似于Android Studio中的Build的文件夹中的文件,    这个时候,目录中会多一个文件出来,如图:

第三步:

    进入RNDemo的根目录下: 也就是上面截图的这个图片的目录下(即,Android和IOS 的上一级目录), 直接在目录框中,输入cmd 执行下面代码

     react-native run-android  回车等待执行:

     执行之前要连接真机或者打开一个虚拟手机, 真机要打开开发者调试模式.   如果正常执行,则你的第一个React Native 程序执行成功了.

如果出现意外: 错误可能如下:

Command `run-android` unrecognized. Make sure that you have run `npm install` and that y