初识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 就可以了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容