美文网首页
ReactNative-01项目初始化HelloWorld

ReactNative-01项目初始化HelloWorld

作者: Zd_silent | 来源:发表于2016-03-25 09:29 被阅读59次

准备工作

环境配置

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地址即可

相关文章

网友评论

      本文标题:ReactNative-01项目初始化HelloWorld

      本文链接:https://www.haomeiwen.com/subject/oeorlttx.html