create-react-native-app

create-react-native-app官网介绍连接github文档,能够看看了解一下,总之是一个5分钟快速搭建react native项目并能看到效果的方法。html

  • 假设你已经安装了Node,你能够使用npm来安装create-react-native-app命令行工具:
npm install -g create-react-native-app
  • 而后运行如下命令来建立一个名为“AwesomeProject”的新的React Native项目:
create-react-native-app AwesomeProject

cd AwesomeProject
npm start

  

   注意:这将为您启动一个开发服务器,并在您的终端打印QR码。这时候去相应的iOS和android应用商店下载App“Expo”,扫描二维码就能够看到效果了。而这时候项目目录结构只有“node_modules”,和几个简单的文件,你这时候执行“react-native run-ios/android”是没有用的。以上的步骤都是为了快速开始一个react native项目,快速看到效果的方法,要想最后将项目发布,仍是须要react native项目结构,请继续看:node

  • 若是想转换成react native项目目录结构,在以上步骤的命令基础之上执行:
npm run eject
  • 这时候,项目目录就变成下图所示,同时运行“react-native run-ios/android”就能够在模拟器上看到效果了,多了一个“App.test.js”文件,暂时不用管它:

相关文章
相关标签/搜索
本站公众号
   欢迎关注本站公众号,获取更多信息