ReactNative-01项目初始化HelloWorld

准备工作

环境配置

brew install node

brew install watchman

brew install flow

环境配置OK

输入两行命令创建工程

npm install -g react-native-cli

如果失败  ,可能会出现cheack````什么的问题在前面加上sudo即可~~

react-native init AwesomeProject

初始化一个项目AwesomeProject自己定义的项目名称

react-native-cli是一个终端命令,它可以完成其余的设置工作。它可以通过npm安装。刚才这条命令会往你的终端安装一个叫做react-native的命令。这个安装过程你只需要进行一次。

这个命令会初始化一个工程、下载React Native的所有源代码和依赖包,最后在AwesomePrjoect/iOS/AwesomeProject.xcodeproj和AwesomeProject/android/app下分别创建一个新的XCode工程和一个gradle工程。


npm install --registry=http://registry.npm.taobao.org

淘宝镜像

译注:由于众所周知的网络原因,react-native命令行从npm官方源拖代码时会遇上麻烦。请将npm仓库源替换为国内镜像:

npm config set registry https://registry.npm.taobao.org

npm config set disturl https://npm.taobao.org/dist


打开项目你可以编辑index.ios.js来做一些改动,然后在模拟器中按⌘+R或者摇一摇reloadup来看到修改的结果

另外,如果出现不能连接到开发者服务器,吧appdelegate里面的localhost改为自己电脑的IP地址即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容