初识ReactNative第一天

203 阅读2分钟

配置安装环境

  早已久仰ReactNative大名,但是在昨天才开始了解这货,实在是愧对程序员这个称谓.闲话少说,开始正事

关于ReactNative的资料都是在http://reactnative.cn/这里学习的,因为本人英文水平确实不高,调个bug还凑合,读纯英文档就不勉强自己了.

这些都是在没有错误的情况下安装步骤,如果有错误还是参考中文文档(iOS版本)

做准备工作:

安装Homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" Node

brew installnode React Native的命令行工具(react-native-cli)

npminstall -g react-native-cli 推荐安装的工具(也就是你用什么来编辑你的代码)

注:我输入这个了但是没感觉有什么变化,最后还是直接在网上下载了一个Sublime Text

brew install watchman 测试安装

注:这句话意思就是通过命令行创建一个ReactNative工程,下载相应的关联文件啥的,后面AwesomeProject名字可以随便取(这也是你的项目名称),你当前路径在什么位置,就会把对应的项目创建到该位置

react-native init AwesomeProject cd Awesome Project (打开项目文件夹) react-native run-ios (启动iOS工程) 注:在创建项目的时候ReactNative会自动生成一个类似XCode中的HelloWorld,在运行项目的时候可能会报错,报错解决方案参考ReactNative中文网的环境搭建视频,大概在视频22-23分钟左右的时候会提到这个解决方案

这是我第一天接触ReactNative所用到的命令和一些傻傻操作,为了方便像我一样刚接触ReactNative的同学一些捷径,少走些弯路.同时也希望对ReactNative了解更深的大牛们多提建议,哪怕是介绍一些快捷键的使用在下也感激不尽. 多谢多谢!