React Native简介、环境搭建、使用技术
React Native环境搭建
-
安装Node.js
Node.js的安装路径:/usr/local/bin/node
npm的安装路径:/usr/local/bin/npm
检查安装是否成功: node -v 和 npm -v -
安装React Native
安装指令:npm install -g react-native-cli -
安装辅助工具
Nuclide开发工具:基于Atom的一个扩展
注意:如果在Atom中安装不上,可以采用下载源码进行安装:git clone https://github.com/facebook/nuclide
cd nuclide
npm install
apm linkChrome浏览器和Chrome插件:React Developer Tools
Watchman工具:监控文件系统变更的工具,提高开发性能 -
初始化项目
react-native init 项目名
注意:如果不成功可以尝试修改一下镜像源:npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist -
运行项目
xcrun simctl list devices
react-native run-ios --simulator “iPhone 7”
解析React Native开发的基础技术
- Git版本控制工具
- React Native的JSX解决方案
- React Native的Flexbox布局
- 调试React Native项目