React Native是2015年9月份Facebook公司推出的一套框架,该框架以组件化形式开发,也就是说它封装了一套套组件,使用React Native可将同一份业务逻辑代码运用到不同的平台,使用js和React来开发不同平台的UI,提高开发效率和成本。本人正在学习React Native ,学习了一些大神发表的有关React技术分享,特此整理以供学习。
环境配置:
1:首先得安装nvm管理器,它主要是管理Node,js的。nvm项目地址
根据提示利用curl方式进行安装:
sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash
2;然后应该出现如下的界面:
3:接下来就是在信息配置到文件中,操作如下:
4:到这就可以印证nvm是否安装成功,通过命令行执行nvm --version检查一下nvm是否已经安装成功。
5:安装成功之后就可以下载安装Node.js了,执行以下命令之后就会进行下载安装,需等待一会
nvm install node && nvm alias default node
6:
安装flow,flow是一个 JavaScript 的静态类型检查器,能找出代码中存在的类型错误。flow官网
7:最后就是React Native安装,也是敲命令行即可
npm install -g react-native-cli
8:ok到这里就基本配置完成,这里建议大家安装一个组件管理器,利用它可以直接在终端安装组件
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
然后通过命令行执行brew -v进行检查brew是否已经安装成功
接下来就是新建第一个React项目
react-native init 你的项目名
等待一会,会出现项目信息,找到项目所在,如图:
这就是一个完成的配置及创建过程,那么怎么打开这么项目呢!继续往下走
1.命令行执行cd MYReactNativeProject,路径切换到项目主目录
2.点击ios/MYReactNativeProject.xcodeproj进行运行Xocde
3.使用编辑器进行打开index.ios.js进行相关修改,然后运行应用即可。
总结:有句话说的好,工欲善其事,必先利其器,推荐一个编辑代码的工具Atom,最后根据如下的截图安装Nuclide,完成之后就可以随心所欲写代码啦