设为首页 加入收藏

TOP

一步步搭建react-native环境(苹果OS X)
2017-10-11 15:28:37 】 浏览:3457
Tags:步步 搭建 react-native 环境 苹果

因重新升级了系统,一步步搭建react-native环境。

  • 1、安装Homebrew

  打开终端命令->ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

  (注:ruby命令苹果系统自带的,如果没有则需安装。)

  等待安装完成,输入 brew -v是否已经安装成功。

  • 2、安装curl

  使用brew来安装curl(也可以使用wget)->brew install curl(或brew install wget)

  • 3、安装nvm并授权

  使用curl安装->curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash 如图:

                 

  提示~/.bash_profile文件不存在,先进入目录->cd ~ 创建文件->touch .bash_profile(如果存在则不用创建),

  然后打开文件->open .bash_profile。

  然后把上面提示export开始到=>中间的的信息内容放到文件内,保存。退出终端重新打开。  

  检测->nvm  --version是否安装成功(出现版本号则表示已经成功。)

  • 4、安装node.js

  使用nvm安装->nvm install node && nvm alias default node 如图:

             

   nvm 默认是从http://nodejs.org/dist/下载的, 国外服务器, 连不上则会失败,可以多试几次,如果总是失败。

    试试用brew安装->brew install node

    安装成功完后,检测是否成功。
  • 5、安装watchmam和flow
 
    使用brew安装->brew install watchman
    使用brew安装->brew install flow
 
  • 6、更新最新版本。
 
    时时检测以使应用程序保持最新状态-> brew update && brew upgrade
 
  • 7、装react-native
 
    使用npm全局安装->npm install -g react-native-cli(npm命令是在安装node自动安装好的)
    装好后检测下是否成功。->react-native -vision
 
  • 8、创建第一个应用
    装好xcode,进入存放的目录->cd /Users/GloomHu/desktop
    由于网络问题init项目时会失败。把npm切到国内来
       -> npm config set registry https://registry.npm.taobao.org
     ->npm config set disturl https://npm.taobao.org/dist
    使用react native创建第一个应用->react-native init GloomHuProject(GloomHuProject是项目名称)
 
        等待几分钟就完成。如图:
                   
 
    找到项目生成的目录用xcode打开ios/GloomHuProject.xcodeproj,随意修改index.ios.js看看内容,直接run运行。如图:
                    
 
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇IOS 图片上传处理 图片压缩 图片.. 下一篇一步步搭建react-native环境(苹果..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目