zoukankan      html  css  js  c++  java
  • 搭建基本的React Native开发环境

    步骤如下:

    1、安装HomeBrew,命令如下:

    在终端输入命令:$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    等待安装成功后验证一下brew的版本:$ brew -v

    2、安装Nodejs

    进入 https://nodejs.org/en/download/ 选择Mac的版本下载(node-v8.9.1.pkg),并且安装好。 
    验证Nodejs是否安装成功,在终端输入命令:$ node -v

    3、安装WatchMan检测bug

    $ brew install watchman

    如果输入上面的命令报如下,就按照提示安装好command line tools然后重新执行安装watchman的命令就可以了

    验证watchman是否安装成功,命令如下:watchman -v

    4、安装Flow(JavaScript的静态类型检查器,方便找出类型错误问题),命令如下:

    $ brew install flow

    5、安装React Native

    $ sudo npm install -g react-native-cli

    6、创建demo,cd到存放项目的目标文件夹里,然后执行命令:

    // ReactNativeDemo是demo项目的名字

    $ react-native init ReactNativeDemo

    等待片刻,当看到以下提示信息就成功了。

    To run your app on iOS:
       cd /Users/Jerry.Yao/Documents/My/Project/ReactNative/ReactNativeDemo
       react-native run-ios
       - or -
       Open ios/ReactNativeDemo.xcodeproj in Xcode
       Hit the Run button
    To run your app on Android:
       cd /Users/Jerry.Yao/Documents/My/Project/ReactNative/ReactNativeDemo
       Have an Android emulator running (quickest way to get started), or a device connected
       react-native run-android

    7、在目标文件夹里就生成了一个ReactNative的demo项目

    [React  Native 开发环境安装和配置:-bash: react-native: command not found 报错:

    前提是安装homebrew,node.js ,npm ,watchman,flow都成功。

    执行react-native init TestProject 命令 创建demo时报错:-bash: react-native: command not found

    报错提示:Please include the following file with any support request:  /Users/ewu/npm-debug.log,就是npm-debug.log这个文件有权限,

    解决方法

    加上sudo(root 权限)再执行命令:

    sudo npm install -g react-native-cli

    回车提示输入电脑密码,再回车,成功后再创建项目即可。

  • 相关阅读:
    web前端技术社区分享
    programming-challenges Shoemaker's Problem (110405) 题解
    caffe 训练測试自己的数据集
    BootStrap有用代码片段(持续总结)
    H5学习_番外篇_PHP数据库操作
    WPF-MVVM-Demo
    android Toast大全(五种情形)建立属于你自己的Toast
    Java
    记一次死锁问题的排查和解决
    一步一步跟我学习lucene(19)---lucene增量更新和NRT(near-real-time)Query近实时查询
  • 原文地址:https://www.cnblogs.com/xuzb/p/8962348.html
Copyright © 2011-2022 走看看