很久以前,就是接触过RN,搭建了RN的开发环境,弄了个Hello Word的demo出来,就没有再去学习了,因为工作用不上,自己的CSS和JS都是不会,所以提不起兴趣来。
最近一个机缘,一个哥们儿拉我去做项目,APP不用原生开发,用RN来写两端的App。朋友叫上我了,也不好拒绝,做项目还有钱不说,而且还能拓宽自己的技术面,何乐而不为呢。嘻嘻~
👆上面都是废话。可以忽略,呵呵。。。下面进入主题吧
- 想做任何开发,搭建环境少不了,第一步先从搭建环境开始(对不起,因为我做iOS开发,所以只针对Mac系统)
软件安装
Homebrew
Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安装好Homebrew后,然后就开始安装Node
Node
使用Homebrew来安装Node.js.
React Native目前需要NodeJS 5.0或更高版本。本文发布时Homebrew默认安装的是最新版本,一般都满足要求。
brew install node
相信读者一般都是iOS开发吧,Xcode安装就不用说了。
然后就是编辑器,可以装Nuclide
Nuclide#
Nuclide(此链接需要科学上网)是由Facebook提供的基于atom的集成开发环境,可用于编写、运行和 调试React Native应用。
点击这里阅读Nuclide的入门文档。
译注:我们更推荐使用WebStorm或Sublime Text或Visual Studio Code来编写React Native应用。所有这些开发工具都是跨平台的。其中webstorm是收费的,体量较大,功能较多,基本无需配置。其他工具免费,相对轻量,但或多或少需要下载插件和配置。
还有一些其他推荐的插件,可以参考这里RN其他辅助软件
- 搭建好环境后,那就是创建一个项目了,Hello world来了
react-native init HelloWorldRN
cd HelloWorldRN
react-native run-ios
注意:这里我创建项目后一直没跑起来,后来是升级MacOS和Xcode就解决了。如果app一直跑不起来,可以试试升级
- 最后,如果读者没有CSS和JS的基础,先去学习CSS和JS,再去学习RN开发吧。
我是疯狂的没日没夜的学习了4天左右CSS和JS,在这里学的菜鸟教程,如果有基础,当我没说这句话吧🤦♂️
今天先到这。。 祝你们搭建环境成功🌹
网友评论