reactNative搭建开发环境
来源:互联网 发布:孪生素数c语言 编辑:程序博客网 时间:2024/06/05 01:53
目标平台:iOS,Android
开发平台:MAC
第一步,安装必须的软件
1,homeBrewhomeBrew
MAC系统的包管理器,用于安装NodeJS和一些其他必须的工具软件。
打开终端输入命令
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
译注:在Max OS X 10.11(El Capitan)版本中,homebrew在安装软件时可能会碰到/usr/local
目录不可写的权限问题。可以使用下面的命令修复:
sudo chown -R 'whoami' /usr/local
2, Node
使用HomeBrew来安装Node.js
Rect Native 需要NodeJS4.0或者更高的版本,
打开终端输入命令
brew install node
第二步:安装完node后建议设置npm镜像以加速后面的过程
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
第三步:React Native的命令行工具(react-native-cli)
React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
npm install -g react-native-cli
如果你看到EACCES: permission denied
这样的权限报错,那么请参照上文的homebrew译注,修复/usr/local
目录的所有权:
sudo chown -R `whoami` /usr/local
第四步:Xcode
虽然一般来说命令行工具都是默认安装了,但你最好还是启动Xcode,并在Xcode | Preferences | Locations菜单中检查一下是否装有某个版本的Command Line Tools。Xcode的命令行工具中也包含一些必须的工具,比如git等。
1,Watchman
Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。
2,Flow
brew install watchman
2,Flow
brew install flow
第六步:测试安装
react-native init AwesomeProjectcd AwesomeProjectreact-native run-ios你也可以在Nuclide中打开
AwesomeProject
文件夹 然后运行,或是双击ios/AwesomeProject.xcodeproj
文件然后在Xcode中点击Run
按钮。修改项目
现在你已经成功运行了项目,我们可以开始尝试动手改一改了:
- 使用你喜欢的编辑器打开
index.ios.js
并随便改上几行。 - 在iOS Emulator中按下
⌘-R
就可以刷新APP并看到你的最新修改!
完成了!
恭喜!你已经成功运行并修改了你的第一个React Native应用。
0 0
- ReactNative 开发环境搭建
- reactNative搭建开发环境
- 一步一步搭建ReactNative开发环境
- ReactNative开发(一)之开发环境搭建
- Windows10下搭建ReactNative开发环境
- 一步一步搭建ReactNative开发环境(Mac)
- ReactNative Windows Android开发环境搭建
- ReactNative开发环境搭建总结(windows mac)
- AndroidStudio嵌入ReactNative混合开发环境搭建
- ReactNative在win下开发环境搭建
- Windows环境下Android的ReactNative开发环境搭建
- ReactNative 环境搭建
- MAC ReactNative环境搭建
- ReactNative环境搭建
- (一)ReactNative环境搭建
- ReactNative环境搭建
- ReactNative环境搭建
- ReactNative开发环境搭建-真正的for windows
- Navicat for Oracle连接数据库时报错"ORA-12737 set ZHS16GBK"
- [leetcode:python]1.Two Sum
- 理解JSON
- javaweb中表达式语言
- 浏览器缓存初识
- reactNative搭建开发环境
- Java中的多线程你只要看这一篇就够了
- 基于zookeeper实现分布式锁
- python编程快速上手 第6章 实践项目 自己写的答案
- CNN数据增强(1)
- 使用Nvidia Jetson TX1,在新的C++工程中调用caffe
- 大型网站架构之分布式消息队列
- tf.get_variable() vs tf.Variable(),tf.name_scope() vs tf.variable_scope()
- 使用Bundle.putSerializable() 在Activity中交换数据