iOS开发RN(一)环境搭建以及项目的创建
参考资料:https://www.jianshu.com/p/ff36c9dcf50b
1.终端输入指令,提示没有权限的时候 可以在前面 加sudo
2.webstorm license server 可用:
http://idea.singee77.com (貌似没用了)
或者
http://idea.codebeta.cn
开发前注意
iOS目前支持7.0以上版本,Android支持4.1以上版本
开发环境配置
环境需求
- 安装Homebrew
在终端中输入下面的命令,执行的速度可能比较慢,请耐心等待其执行完成
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
在终端中输入下面的命令验证是否安装成功
brew -v
- 安装npm和Node.js
- 安装watchMan
该插件用于监控bug文件和文件变化 ,并且可以触发指定的操作,在终端中输入下面的命令就可以了
brew install watchman
- 安装Flow
flow是一个 JavaScript 的静态类型检查器,建议安装它,以方便找出代码中可能存在的类型错误,在终端输入下面的代码,如果提示command not found,请加上sudo获得最高权限
brew install flow
React Native安装
在终端输入
npm install -g react-native-cli
至此Reacet Native的环境就已经全部安装好了
创建Reacet Native项目
在终端中输入下面命令
react-native init 项目名称
如果速度较慢,可以将npm仓库源替换为国内镜像:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
默认生成了三个文件夹,android和ios(iOS)为两个平台的原生项目,index.android.js和index.ios.js为android和ios平台下的空壳应用文件,我们的代码一般就写在这两个文件内,客户端那边不用重新run就可以看到效果,node_modules文件夹主要是存放框架资源.
对index.ios.js文件的编写软件以及提示插件的安装
我们采用的是WebStorm来对js文件来进行编写,由于直接编写并没有代码提示,所以这里要安装一个插件,下载地址,下载完成后file -> import settings -> ReactNative.jar ,完成之后就可以像Xcode那样能够自动提示了.
作者:已删号这名字都有人用
链接:https://www.jianshu.com/p/ff36c9dcf50b
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。