Mac下搭建React Native iOS开发环境
来源:互联网 发布:php固定资产管理系统 编辑:程序博客网 时间:2024/05/19 19:57
安装依赖
Xcode
从appstore或apple官网安装
Node.js
brew install node
Watchman
由facebook开发的一款开源的监视本地文件系统变化的工具,当文件变更时还可以触发一些操作,比如重新编译。点我去watchman官方页面
brew install watchman
React Native CLI
CLI = Command Line Interface
npm install -g react-native-cli
到这里RN的开发环境就搭建完成了
HelloWorld你们懂的
使用下面的命令来创建一个叫HelloWorld的工程
react-native init HelloWorld
React Native每次创建一个工程都会下载可多东西,粗略估计了一下要5~6分钟?推荐安装yarn,yarn是一个代码包管理系统,它会把每次下载的包都保存下来,之后需要重新安装时就不用重新下载了,安装yarn之后创建新工程只需要50秒左右,对React Native来说妥妥的是一个非常能提升使用体验的工具了。yarn在这里
运行完成后会看到
接下来运行
cd HelloWorldreact-native run-ios
然后终端上刷刷刷地冒出一大堆build信息,同时自动打开了另外一个终端,build完成后应该会看到如下画面
说好的HelloWorld界面上没有HelloWorld怎么行,接下来我们打开index.ios.js稍作修改让这个程序成为真正的HelloWorld
打开index.ios.js修改下图中高亮部分
将第一个Text标签中的内容修改成HelloWorld,同时去掉不需要的内容,最终代码如下:
<View style={styles.container}> <Text style={styles.welcome}> Hello World! </Text> </View>
保存退出并在模拟器中按下CMD+R重载界面
噫,顿时感觉人生圆满。
BKMS
[ISSUE]创建工程出现Use of const in strict mode错误。
ReactNativeStudy git:(master) react-native/usr/local/lib/node_modules/react-native-cli/index.js:266 const rnPackage = options.version; ^^^^^SyntaxError: Use of const in strict mode. at Module._compile (module.js:439:25) at Object.Module._extensions..js (module.js:474:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:312:12) at Function.Module.runMain (module.js:497:10) at startup (node.js:119:16) at node.js:906:3
[Solved]装最新的node.js。点我到下载页面
0 0
- Mac下搭建React Native iOS开发环境
- Mac下搭建react native开发环境
- Mac环境下React Native开发App环境搭建
- react-native mac-ios环境搭建
- 1.Mac 下搭建React-Native环境
- Mac系统下React Native环境搭建
- Mac系统下React Native环境搭建
- react native mac下环境搭建
- react native mac 下环境搭建
- MAC搭建React Native开发环境
- React Native iOS 开发环境搭建
- React Native Windows下搭建React Native开发环境
- windows下搭建react native开发环境
- Windows下搭建React native开发环境
- Windows 下搭建React Native开发环境
- React Native 环境的搭建(iOS\mac环境)
- React Native Mac环境搭建
- 搭建react native mac 环境
- WINDOWS编程学习2:C windwos编程中常用的头文件的说明
- WINDWOS编程学习3:windwos HolleMessage程序说明
- 替换空格
- Unity3D手游开发日记(11) - 基于共享骨骼简单高效的换装方案
- js的apply函数"源码"
- Mac下搭建React Native iOS开发环境
- 函数指针的正向调用案例
- centos7.2安装dcos
- Android 低版本 volley 401 错误处理
- Nt**、Zw**和Rtl** 开头的函数介绍
- datagrid的columns属性支持对象的子属性(类似user.userName)的方法
- C++文件读写详解(ofstream,ifstream,fstream)
- 面向对象
- 第一周-机器学习-代价函数_intuition