React-Native(1)--环境搭建(MAC)

npm安装react-native

Yarn、React Native的命令行工具(react-native-cli)

Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g yarn react-native-cli

如果你看到EACCES: permission denied这样的权限报错,那么请参照上文的homebrew译注,修复/usr/local目录的所有权:

sudo chown -R `whoami` /usr/local


创建项目

react-native init YouProjectName

如果你需要升级react-native修改package.json的native版本在当前目录npm install

如果要升级你当前已经存在的项目,执行react-native updatede

官方RN项目创建完成并不能正常运行,需要做一些修改

[[RCTBundleURLProvider sharedSettings] setDefaults];

#if DEBUG

//[[RCTBundleURLProvider sharedSettings] setJsLocation:@"192.168.3.10"];

[[RCTBundleURLProvider sharedSettings] setJsLocation:@"10.240.141.88"];

#endif

jsCodeLocation = [[RCTBundleURLProvider sharedSettings]jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

运行iOS项目(需要安装Xcode)

react-native run-ios

你可能感兴趣的:(React-Native(1)--环境搭建(MAC))