美文网首页
ReactNative环境配置

ReactNative环境配置

作者: 蜗牛锅 | 来源:发表于2019-05-25 12:34 被阅读0次

    *配置ruby镜像
    用ruby在中国的服务器,不需要淘宝的了
    配置好了,查看版本
    输入命令:ruby -v
    *输入如下命令,安装homebrew

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

    按回车;输入开机密码
    输入密令 brew -v 查看homebraw的版本

    *Xcode安装Command Line Tools文件
    安装方法查看网上资料
    *安装nvm
    先查看是否安装了,输入命令查看版本:nvm --version

    *激活nvm
    . ~/.nvm/nvm.sh

    安装nvm.jpeg

    *node版本控制器环境
    执行命令:brew install node
    这个过程 要等好久


    node版本控制器.jpeg

    执行命令:n ls 查看版本

    执行命令:n 10.0.0 指定版本


    指定版本.jpeg

    执行命令:n

    n.jpeg

    执行命令:sudo n 10.0.0 解决权限问题


    解决权限问题.jpeg

    好了之后 执行命令: n 查看版本

    高亮表示选中的版本.jpg

    如果你安装了多个node的版本,那里会有一个列表;
    添加其他版本:执行 sudo n 12.3.1 后面是版本号
    指定版本:执行命令:n 进入列表 ,上下切换版本,回车确认退出

    • 安装 watchman
      执行命令: watchman -v 查看版本是否安装
      brew install watchman
      执行 如图


      watchman的安装.jpeg

      安装好了,执行命令: watchman -v 查看版本


      查看版本.jpg

    *执行命令:npm install -g react-native-cli --verbose

    执行完后如图:

    安装配置.jpeg

    *执行命令: open /usr/local/Cellar/node

    查看文件夹.jpeg

    *执行命令:vim ~/.bash_profile

    然后复制如下内容到里面并保存退出先esc键,:wq(注:这个可能需要更改)
    export RN=/usr/local/Cellar/node/10.1.0/bin
    export PATH=RN:PATH

    *执行命令:open ~/.bash_profile

    保存文件.jpg

    *执行命令:source ~/.bash_profile 终端激活这个文件

    执行命令:echo $PATH 看是否配置成功

    查看配置.jpeg

    如图 这就是配置成功了

    恭喜你可以使用iOS版的rn了

    激动人心的时刻来了
    终端先确认进入你想要创建工程的目录;
    然后cd进入你的文件夹;
    执行命令:react-native init test(你想要的工程名)
    初始化项目 。。。
    这个过程 要时间 (看网络)

    *启动项目需要开启npm服务,每次启动项目需要保证npm服务是开启的,这需要注意


    启动项目.jpg

    详解:
    然后就会终端执行东西,等他不动了,你command n新打开一个终端,cd RNLib/一样的套路,确定你在项目路径下了,react-native run-ios,然后模拟器就开始跑起来了,也可能找不到模拟器,如果这样那么执行下面的代码
    sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/

    然后在react-native run-ios

    npm cache clean --force强行清空node_module缓存

    相关文章

      网友评论

          本文标题:ReactNative环境配置

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