初始React Native - 环境搭建
来源:互联网 发布:倾国倾城美人知乎 编辑:程序博客网 时间:2024/06/06 06:27
React Native是2015年9月份Facebook公司推出的一套框架,该框架以组件化形式开发,也就是说它封装了一套套组件,使用React Native可将同一份业务逻辑代码运用到不同的平台,使用js和React来开发不同平台的UI,提高开发效率和成本。本人正在学习React Native ,学习了一些大神发表的有关React技术分享,特此整理以供学习。
环境配置:
1:首先得安装nvm管理器,它主要是管理Node,js的。nvm项目地址
根据提示利用curl方式进行安装:
sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash2;然后应该出现如下的界面:
3:接下来就是在信息配置到文件中,操作如下:
4:到这就可以印证nvm是否安装成功,通过命令行执行nvm --version检查一下nvm是否已经安装成功。
5:安装成功之后就可以下载安装Node.js了,执行以下命令之后就会进行下载安装,需等待一会
nvm install node && nvm alias default node6:安装flow,flow是一个 JavaScript 的静态类型检查器,能找出代码中存在的类型错误。flow官网
7:最后就是React Native安装,也是敲命令行即可
npm install -g react-native-cli8:ok到这里就基本配置完成,这里建议大家安装一个组件管理器,利用它可以直接在终端安装组件
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
然后通过命令行执行brew -v进行检查brew是否已经安装成功
接下来就是新建第一个React项目
react-native init 你的项目名等待一会,会出现项目信息,找到项目所在,如图:
这就是一个完成的配置及创建过程,那么怎么打开这么项目呢!继续往下走
1.命令行执行cd MYReactNativeProject,路径切换到项目主目录
2.点击ios/MYReactNativeProject.xcodeproj进行运行Xocde
3.使用编辑器进行打开index.ios.js进行相关修改,然后运行应用即可。
总结:有句话说的好,工欲善其事,必先利其器,推荐一个编辑代码的工具Atom,最后根据如下的截图安装Nuclide,完成之后就可以随心所欲写代码啦 0 0
- 初始React Native - 环境搭建
- React Native环境搭建
- react native环境搭建
- react-native环境搭建
- React Native环境搭建
- React Native环境搭建
- React Native环境搭建
- React-native 环境搭建
- React Native 环境搭建
- React Native环境搭建
- React Native环境搭建
- React Native环境搭建
- react native 环境搭建
- react-native环境搭建
- React Native环境搭建
- React Native环境搭建
- React Native环境搭建
- react native环境搭建
- 数据库的四种隔离级别
- Retrofit设置请求超时
- Android屏幕适配(底部虚拟按键)
- linux中部署rsync实现文件远程备份及同步
- 发送验证码倒计时功能
- 初始React Native - 环境搭建
- jquery 绑定动态添加html事件
- SlidingMenu侧滑
- Android 获取屏幕尺寸和popWindow的尺寸
- arm linux启动流程四
- RGB888和565相互转换
- cocoa-加速计程序的开发
- ThreadLocal简单理解
- Codeforces Round #367 (Div. 2) A~E