如何快速构建react-native项目

前言

我们在开始搭建项目的时候,很多时候都是使用同一套架构,基本不会发生很多变化,有没有什么方法,能够进行批量化搭建项目,在react-native中就有一个简单的方法,搭建属于自己的模板方法,那就是使用命令行--template进行创建项目

常规方法

通常情况下,我们使用下面命令行进行项目搭建,如下面代码:

react-native init projectName

使用上面命令就会生成如下代码结构:
react-native init projectName生成项目
当我们进行通过使用下面命令

react-native init projectNameTemplate --template common

进行项目创建时,就能够生成我们自己自定义的项目,在上面这段命令行中,common指的是我在npm上发布的一个package,该包的全名是react-native-template-common,并且要能够在react-native中通过命令参数--template命令调用,必须使用下面这样的形式发不到npm官方仓库,形式如下所示:

react-native-template-包名称

请点击访问 common包在npm中的位置 ,如果想要查看具体代码可以到github进行查看common项目,项目结构如下所示:
common项目github项目结构
交代完上面准备工作之后,我们能够进行通过该命令进行项目的创建,如下,使用命令行创建之后的目录结构
使用模板创建的react-native项目
在创建之后,我们就可以通过如下说明信息进行运行项目

To run your app on iOS:
   cd E:\projectTest\projectNameTemplate
   react-native run-ios
   - or -
   Open ios\projectNameTemplate.xcodeproj in Xcode
   Hit the Run button
To run your app on Android:
   cd E:\projectTest\projectNameTemplate
   Have an Android emulator running (quickest way to get started), or a device connected
   react-native run-android

参考文章

1.使用 template 创建 React Native 应用更省时间

猜你喜欢

转载自blog.csdn.net/suwu150/article/details/80081192