一步步搭建react

时间：2022-04-02 03:25:42

因重新升级了系统，一步步搭建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 如图：

                 一步步搭建react

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

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

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

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

  • 4、安装node.js

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

             一步步搭建react

 　　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是项目名称） 　  　    　　等待几分钟就完成。如图：                    一步步搭建react   　　　　找到项目生成的目录用xcode打开ios/GloomHuProject.xcodeproj，随意修改index.ios.js看看内容，直接run运行。如图：                     一步步搭建react  
标签：

相关文章