初识react---环境的搭建

首先是安装必要的软件管理工具

Home-brew(mac 系统的包管理工具,用来安装Node js 和一些其他的软件工具)

打开终端输入以下指令:

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

PS:home-brew 的简单实用

搜索软件:brew search 软件名 如 brew search wget

安装软件:brew install 软件名 如 brew install wget

卸载软件:brew remove 软件名 如brew remove wget

更多的?自己去官网挖吧 http://brew.sh/index_zh-cn.html

然后是安装 node js

同样是在终端里输入以下指令:

wangchenglong$ brew install node

等待下载 安装。

==> Summary

  /usr/local/Cellar/node/6.4.0: 3,829 files, 39.9M, built in 15 minutes 2 seconds

出现这样的字样 说明你的node 已经安装到你的电脑里面了

React Native的命令行工具(react-native-cli)

React Native的命令行工具用于执行创建,初始化,更新项目,运行打包服务(packager)等任务

安装指令:npm install -g react-native-cli

执行下面的指令就会出现

react-native init AwesomeProject

会出现下面的代码

This will walk you through creating a new React Native project in /Users/wangchenglong/AwesomeProject/AwesomeProject

Installing react-native package from npm…

看你网速的时候到了。

因为国内有墙的原因 所以会比较慢

To run your app on iOS:

cd /Users/wangchenglong/AwesomeProject/AwesomeProject

react-native run-ios

- or -

Open /Users/wangchenglong/AwesomeProject/AwesomeProject/ios/AwesomeProject.xcodeproj in Xcode

Hit the Run button

To run your app on Android:

Have an Android emulator running (quickest way to get started), or a device connected

cd /Users/wangchenglong/AwesomeProject/AwesomeProject

react-native run-android

最终嫩 会出现上面灰色的代码。

说明你的React Native 工程创建完成

去目录下找到工程 点击 iOS/AwesomeProject.xcodeproj 文件 运行Xcode 就可以了。

你可能感兴趣的:(初识react---环境的搭建)