React Native iOS环境搭建(ios自学笔记)
来源:互联网 发布:js实例子 编辑:程序博客网 时间:2024/06/03 14:05
React Native iOS环境搭建
前段时间React Native for Android发布,感觉React Native会越来越多的公司开始研究、使用。所以周六也抽空搭建了iOS的开发环境,以便以后利用空闲的时间能够学习一下。
废话不多说了,下面简单的列出步骤吧。
1. 安装Homebrew
Homebrew主要用于安装后面需要安装的watchman、flow
打开MAC的终端,输入如下命令:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2. 安装nvm和nodejs
nvm是用于nodejs版本管理的工具,用于安装nodejs。
对于nvm应该可以使用brew直接安装,但是我没有用这个安装,读者可以自己使用如下命令试试:
brew install nvm
我使用的另一种方式,在终端中输入如下的命令:
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash
这个命令按照官方的说明,应该会自动配置好环境,能够在任何的终端中使用nvm命令,但是我安装完了事不可以的。需要做额外的工作,需要在~/.bashrc, ~/.profile, ~/.zshrc文件中(如果没有自己创建),添加如下的一行语句:
. ~/.nvm/nvm.sh
这样就能够在任意的终端中使用nvm命令了。
然后执行如下的命令:
nvm install node && nvm alias default node
这个用于安装nodejs和npm。npm用于nodejs包依赖管理的工具。
3. 安装watchman
watchman是用于监听文件变化的工具,应该是用于监听文件变化,然后界面做出响应。执行如下命令:
brew install watchman
4. 安装flow
flow我个人理解的是用于静态分析js语法错误的工具,能够更早的js的语法错误。执行如下的命令:
brew install flow
到这里基本的环境就配置好了,下面创建一个iOS的例子,在终端中将目录切换到你保存工程的目录,然后执行如下的命令:
$ npm install-g react-native-cli
$ react-native init AwesomeProject
$ cd AwesomeProject/
第二个命令第一次执行会执行很长时间,因为需要安装许多东西。然后再终端输入如下命令打开工程:
open ios/AwesomeProject.xcodeproj
这样就打开了iOS的工程,运行一下就能看到模拟器中的界面。
下面试着修改index.ios.js中的文本,然后在模拟器上按Cmd+R,这样能够看到修改马上就呈现到模拟器上了。
尝鲜就到此为止了,以后还得努力学习React Native,期待以后的文章吧。
- React Native iOS环境搭建(ios自学笔记)
- react native 环境搭建(iOS)
- React Native环境搭建(ios)
- React Native iOS环境搭建
- React Native -ios环境搭建
- React Native iOS环境搭建
- React Native iOS环境搭建
- React Native iOS环境搭建
- React Native iOS环境搭建
- React Native 环境的搭建(iOS\mac环境)
- react native环境搭建for iOS
- React Native iOS 开发环境搭建
- React Native iOS环境搭建 高级版
- react-native mac-ios环境搭建
- React Native入门学习笔记二(环境搭建Mac+ios)
- React Native(iOS)一、环境篇
- Mac下搭建React Native iOS开发环境
- 开始使用React Native (IOS,Android)环境搭建
- Ckeditor调用示例
- operator bool(); operator const bool() const;
- Android--Dialog详细讲解
- Java,JavaScript中斜杠和反斜杠的替换
- div滚动条沉底
- React Native iOS环境搭建(ios自学笔记)
- scala之reduceLeft
- SCU 4439 四川省赛 Vertex Cover DFS 剪枝
- Ganglia集群监控
- 关于iOS Tabbar的一些设置
- curl教程
- jRadioButton
- Mac利用jenv插件管理java多版本管理
- 高仿系统下拉菜单