还是屁话上篇文章末尾也已经提到过了,可以忽略
第一次初始化时可能会比较慢,因为会去npm下载一些React Native的相关包。
如果一直卡在Installing react-native package from npm...
这儿,可以将镜像改成淘宝镜像
// 如果这两个命令在安装React Native环境时已经执行,可以跳过
$ npm config set registry https://registry.npm.taobao.org
$ npm config set disturl https://npm.taobao.org/dist
开始创建项目
使用react-native命令来创建我们的第一个项目HelloWorld在终端输入命令行
这一部分等待时间可能有点长,大家不愿意等待的可以先做店其他事
// cd到创建项目的目录下,这里我就弄到桌面了
$ cd /User/liuzhiyuan/Desktop
// 初始化项目
$ react-native init HelloWorld
项目初始化成功后,运行HelloWorld项目
**1.CD 到项目根目录 **
$ cd /User/liuzhiyuan/Desktop/HelloWorld
2.开启服务器 下列两者意义相同,但个人偏好后者
$ npm start
或者
$ react-native start
3.运行项目一使用终端打开项目
// 3.1 cd 到项目中的ios目录
$ cd ios
// 3.2 运行iOS项目
$ react-native run-ios
4.运行项目二不使用终端打开
找到~/HelloWorld/ios/HelloWorld/HelloWorld.xcodeproj
路径,双击Hello.xcodeproj
打开
CMD+R
运行即可.此时,终端会自动运行,不用管,也不要关闭.不出意外,你可以看到下面的画面
如果你看到上述界,我们的项目初始化就已经成功了。
如果你看到的不是上面的界面,你可以谷歌一下报错信息,或者在文章评论中提出来,一起探讨一下。。
开发软件WebStorm的安装项目都初始化好了,这里就顺带一提开发工具吧
密码: faqp
真的只是一提,自己点击右边安装包下载链接,里面有破解教程 ----->
安装包下载链接,附破解方法
说到这里就先告一段落了
上面初始化项目教程跟开发工具的下载都完成后,大家就可以进入react-native的开发了,大家可以进入------>
React Native官方文档中文版 自学,也可以关注@iOSlyon后续的React-native文章。