开发React Native项目的IDE工具 - Deco IDE

我们在开发React Native的项目时,最初接触的开发方式都是命令行的,因为官网就是这么提供的,但它的使用比较麻烦了点,幸好后面有一些集成开发工具给我们带来了很大的方便。


React Native的命令行工具

1. 安装



2. 运行

当React Native的命令行工具安装完成后,就可以使用它提供的一些工具了

使用 “react-native init xxxx”来生成新的项目

使用 “react-native run-ios”来运行iOS工程或者Xcode来运行

但js脚本的修改,还是得使用单独的文本工具来编辑,比如Subline Text

react-native init AwesomeProject
cd AwesomeProject
react-native run-ios


在我这里使用的时候,“run-ios”会出现":CFBundleIdentifier"找不到的错误



但是去查看info.plist文件,这个值是有的


并且是“react-native”创建的初始化工程,没有任何修改

没有找到相关的解决办法,无可奈何,直接使用Xcode打开,这样是正常的


总之,这样的使用方式,对我们一开始就是Windows的程序员来说有点折腾,要是有像Visual Studio那样的开发工具就好了


Nuclide集成开发环境

这个还是使用


Deco IDE集成开发环境

这是一款开源的软件,用于React Native 的开发,下面是他们官网的介绍:
The best IDE for building React Nativeapps is Now free and open source.

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...