美文网首页
用命令行或WebStorm 新建React Native工程的选

用命令行或WebStorm 新建React Native工程的选

作者: 黑羽肃霜 | 来源:发表于2017-08-02 11:38 被阅读229次

工程的新建

根据这两天的了解,新建一个RN的工程主要有两种方式(注意,首次创建工程必须要联网操作才行)

  • 一种是在terminal中用代码去创建工程,运行后生成的项目,用webstorm打开
  • 一种是直接用webstorm创建一个RN工程

RN的版本问题

RN中文网上的关于升级的参考链接

  • 感觉上,每一个新建的RN,都有与之对应的版本。这一点似乎同python新建一个工程时,他对应的虚拟环境中可以指定当前python的版本类似。
    我们用命令行创建一个RN工程的同时,他默认使用的是当前电脑中安装的最新版。
  • 如果要降级使用(目前还在入门,尚不知何时会出现降级的状态),可以cd到该工程目录,然后指定升级到某个版本
$ react-native-git-upgrade
# 这样会直接把react native升级到最新版本

# 或者是:
$ react-native-git-upgrade X.Y.Z
# 这样把react native升级到指定的X.Y.Z版本

分别介绍创建方法

新建之前更新RN
由于RN本身更新频繁,有时若不更新版本而去新建工程,有可能会报warning

$ react-native-git-upgrade
# 这样会直接把react native升级到最新版本

用终端创建新工程的操作的方法:

打开terminal,输入

react-native init PrjName
cd PrjName
react-native run-ios
  • 第一句是在根目录下创建一个PrjName文件夹用于存放一个工程名为PrjNameRN工程
    其实创建以后,我们已经可以去手动打开这个工程了。
  • 第三句是直接在模拟器中运行当前工程的iOS版本
    通常我个人的感觉是不去使用第三种。而是直接去工程目录下打开iOS的工程.这样做的好处有
    • 通过命令运行的模拟器,无法指定机型,而Xcode可以.
    • 我们本身是原生开发人员,比较熟悉Xcode
    • 直接编译这个Xcode下的工程,查看错误.
      这里通常会报一个头文件的链接错误
      #import <React/RCTBundleURLProvider.h>
      解决方法是去edit scheme中修改,如下图, 最底下那一栏只有test勾选了.
      stack over flow上的解决方法

最后,创建,修改代码,用WebStorm去打开,并在其中修改index.ios.js

WebStorm直接创建

创建的过程不赘述。


新建RN工程.png

通过WebStorm创建的工程,可以直接在右上角选择,对原生进行编译。(可选ios/android)


区别与优劣

用命令行创建

  • 优点:
    用命令行创建,用webstorm打开/修改/编辑,可以避免直接用IDE创建时版本的问题。而且可以根据实际情况去修改版本。(官网的建议是使用最新的RN做开发,本人不予置评(因为还在入门阶段))
    可以自己控制打开原生IDE并选择模拟器/真机。
  • 缺点
    命令行,你懂得……敲起来很麻烦。

WebStorm创建
理论上是已经高度集成,但是就目前的了解情况来看,自由度还是受限制。而且版本的问题,可能会无法知悉到底目前使用的RN版本和警告到底出在哪里。也不利于切换机型和屏幕适配。

综上所述,还是用命令行来创建

相关文章

网友评论

      本文标题:用命令行或WebStorm 新建React Native工程的选

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