美文网首页RNRNiOS进阶
配置RN 开发环境

配置RN 开发环境

作者: 天蓝色的海岸 | 来源:发表于2016-12-09 16:09 被阅读90次

    研究RN 有段时间了,今天想停下来写代码,来总结一些东西。

    首先搭建RN 开发环境(mac环境下 命令行输入)

    1.安装Homebrew

    Homebrew是macOS 不可或缺的套件管理器

    安装方式:

    ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    2.安装npm和Node.js

    安装好Node.js后npm 自动就有了

    安装Node.js,网址安装网址

    3.安装watchman

    watchman 百度百科对它的描述是:一款屡获殊荣的系统安全软件,提供文件保护、应用程序使用日志、访问控制管理等功能,能够停止非法程序的运行、锁定文件或文件夹、保护软件配置,以及监控程序使用情况!

    安装方式:brew install watchman

    4.安装Flow

    flow 是一个JavaScript 的静态类型检查器,可以方便的找出代码中可能存在的类型错误

    安装方式:brew install flow(提示 command not found)的时候在前面加上sudo

    5.React Native 安装

    安装方式:nam install -g react-native-cli

    6.分别安装Xcode 8 和android studio(此处不解释)

    7.安装Genymotion(android 模拟器)

    安装地址Genymotion

    8.用React Native 生成第一个应用

    在命令行输入 react-native init 项目名称 (网络状况影响创建速度,耐心等待一下) 还有一个替换镜像的办法可能会快点 npm config set disturl https://npm.taobao.org/dist

    9.结束语

    当然开发RN 的话还需要安装webstorm 贴上我第一次运行成功的图(Xcode)

    相关文章

      网友评论

        本文标题:配置RN 开发环境

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