React-Native开发环境搭建
2016-09-24 14:09
274 查看
本文整理RN开发环境搭建,参考资料如下:
http://reactnative.cn/docs/0.31/getting-started.html#content https://my.oschina.net/u/2272722/blog/603407
准备工作:
1.Mac 电脑(本人做IOS开发,故用Mac说明)
2.Xcode (版本7.0以上)
3.网络状态良好,要有一定耐心
正文:(在终端录入以下命令(建议直接copy))
1. Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。(这个命令执行过程中会让用户输入电脑开机密码,请注意)
2.使用Homebrew来安装Node.js.
安装 react-native-cli,由于我们要从npm官网下载文件 所以需要安全上网法,或者是将npm的仓库源替换为国内镜像([b]意思就是下载地址换成国内的)[/b]
依次执行下面三个命令
A.npm config set registry https://registry.npm.taobao.org
B.npm config set disturl https://npm.taobao.org/dist
C.npm install -g react-native-cli
执行完成后,RN开发环境就搞定了!
5.创建工程
react-native init HelloWord
这里时间会比较长,你懂得。等待完成以后 在/Users/x你的用户名/ 目录下会有一个HelloWorld文件夹打开以后
下载及安装步骤:http://www.sdifenzhou.com/?p=6941 (里面包含注册码生成地址,在评论列表,请注意查看。)
特别说明:
第 4 步,当时把我搞蒙了,也是翻看了很多资料才搞清楚流程。(本人确实有点笨,附上截图。)
尽可能一周或两周执行这两个命令:brew update && brew upgrade (更新库)
http://reactnative.cn/docs/0.31/getting-started.html#content https://my.oschina.net/u/2272722/blog/603407
准备工作:
1.Mac 电脑(本人做IOS开发,故用Mac说明)
2.Xcode (版本7.0以上)
3.网络状态良好,要有一定耐心
正文:(在终端录入以下命令(建议直接copy))
1. Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。(这个命令执行过程中会让用户输入电脑开机密码,请注意)
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.使用Homebrew来安装Node.js.
brew install node
3.Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。
brew install watchman
4.以上步骤均完成以后 下面我们就要开始配置IOS
安装 react-native-cli,由于我们要从npm官网下载文件 所以需要安全上网法,或者是将npm的仓库源替换为国内镜像([b]意思就是下载地址换成国内的)[/b]
依次执行下面三个命令
A.npm config set registry https://registry.npm.taobao.org
B.npm config set disturl https://npm.taobao.org/dist
C.npm install -g react-native-cli
执行完成后,RN开发环境就搞定了!
5.创建工程
react-native init HelloWord
这里时间会比较长,你懂得。等待完成以后 在/Users/x你的用户名/ 目录下会有一个HelloWorld文件夹打开以后
6.WebStorm,编辑JS代码
下载及安装步骤:http://www.sdifenzhou.com/?p=6941 (里面包含注册码生成地址,在评论列表,请注意查看。)
特别说明:
第 4 步,当时把我搞蒙了,也是翻看了很多资料才搞清楚流程。(本人确实有点笨,附上截图。)
尽可能一周或两周执行这两个命令:brew update && brew upgrade (更新库)
相关文章推荐
- Mac环境下React Native开发App环境搭建
- Win7上React Native Android开发环境搭建
- React—native+Android环境搭建和开发配置(Mac)
- react-native for android windows开发环境搭建详细记录
- react-native 搭建windows下android开发环境
- 【REACT NATIVE 跨平台应用开发】环境搭建问题记录&&XCODE7模拟器上COMMAND+R失效的几种替换方法
- [React Native混合开发]React Native for iOS之环境搭建
- React Native 学习笔记二(React Native开发环境的搭建for mac)
- react-native如何搭建开发环境搭建上手教程(转)
- Windows环境搭建React Native Android的开发环境
- react-native —— 在Windows下搭建React Native Android开发环境
- 2.android 原生应用和React native 结合开发.环境搭建
- react-native 开发环境搭建
- React Native iOS 开发环境搭建
- ios 原生应用和React native 结合开发1.环境搭建
- 一步一步搭建ReactNative开发环境(Mac)
- React Native Mac上搭建Android开发环境