React Native开发环境搭建

1.安装Homebrew，简称brew，是Mac OSX上的软件包管理工具，能在Mac中方便的安装软件或者卸载软件

2.安装node，brew install node

3.使用 homebrew 安装 watchman，一个来自Facebook 的观察程序，通过配置 watchman，React 实现了在代码发生变化时，完成相关的重建的功能：

brew install watchman

安装flow－提供静态语法检查，自动补全：

brew install flow

4.React Native 有很多的依赖，需要在运行之前安装好。在 React Native 文件目录下打开一个终端，执行下面代码：

npm install

5.这里通过 Node 包管理器抓取到项目的所有依赖；功能上和 CocoaPods 或者 Carthage 类似。成功执行该命令后，你会发现一个 node_modules 文件夹被创建，包含了各种外部依赖。

6.npm start

7.初始化项目

react-native init AwesomeProject

cd AwesomeProject

react-native run-ios

运行效果：

IDE：

Atom+Nuclide（官方推荐）

Atom插件：

Nuclide 是 Facebook 推出的一套基于 Atom 的开发工具集。用于开发基于 Hack 的 Web 应用。提供自动完成和 JavaScript 类型检查，内建 React 开发支持，并支持 Facebook 最新的 React Native 库，支持 Facebook 的 Flow JavaScript 类型检查器。

直接以插件的形式安装nuclide

atom-beautify：Beautify HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL, and more in Atom

Atom HTML Preview

转载于:https://www.cnblogs.com/myswift-lhq/p/5751918.html

React Native开发环境搭建相关推荐

React Native 开发环境搭建
1.安装 Python 2,不知道是否已支持 Python 3 2.安装 node,npm... 修改 npm 镜像,不建议使用 cnpm,cnpm 安装模块的路径与 npm 有差别 npm conf ...
React Native开发环境搭建记录
1)下载安装node.js 设置npm镜像源 npm config set registry https://registry.npm.taobao.org --global npm config s ...
在windows上搭建React Native开发环境
最近要学习React Native,但是在window上搭建开发环境的时候遇到了些问题,以至于一直没有搭建好开发环境. React Native相关项目及文档: react-native的GitHub ...
windows 下配置 react native 开发环境
windows 下配置 react native 开发环境安装nvm 由于react native 需要使用 NodeJs 4.0以上版本,为了方便切换NodeJs,首先我们需要安装nvm. 你可以 ...
Windows环境下安装React Native开发环境----记一次填坑过程
前言集成React Native开发环境遇到各个坑,调试了很久出现过找不到设备,百度上个别人的资料有误被绕来绕去耽误了很多时间,下载慢等待时间过长等问题,最后多方查阅资料,电脑重启等操作终于部署好了 ...
React Native 安卓环境搭建
基础环境必须安装的依赖有:Node.js.Yarn 和 React Native 脚手架.这是运行 RN 的基础 Node.js Node.js 的版本应大于等于 12,推荐安装 LTS 版本(去N ...
[转] 在Mac上搭建React Native开发环境
原文链接: http://blog.csdn.net/xiangzhihong8/article/details/53914336 概述前面我们介绍过在window环境下开发React Native ...
【挑战】手机Termux搭建React Native开发环境
我这里选用alpine来做开发环境,主要因为它体积小巧,方便移植和分享.如果只是我自己使用的话,我更喜欢使用ubuntu或者archlinux.alpine做开发环境,可能会遇到的问题就是中文语言环境 ...
React Native开发环境配置检测
安装依赖: 必须安装的依赖有:Node.Yarn, JDK 和 Android Studio. 安装过程中,请务必保持一颗良好的心态 1. 基础环境搭建 : Node: 安装参考连接:https:// ...

React Native开发环境搭建

React Native开发环境搭建相关推荐

最新文章

热门文章