ReactNative入门

来源:互联网 发布:nba本赛季数据 编辑:程序博客网 时间:2024/06/05 02:34

参考资料:慕课网,reactNative中文站:

mac平台环境搭建:

1.安装homebrew:在终端命令行输入以下命令:

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

2.安装node:在终端命令行输入以下命令:

brew install node

3.安装react-native命令行工具:在终端输入以下命令:

npm install -g react-native-cli

4.创建新项目:cd到需创建项目的目录,然后运行(由于网络问题可能需要科学上网,可能需要尝试多次):

react-native init FirstApp

5.【可选】由于npm服务器在国外,可设置国内镜像服务器,方法为在finder里展示隐藏文件,在根目录中找到.npmrc文件并打开,加入如下代码:

registry = https://registry.npm.taobao.org

6.运行app,两种方式:

(1)在终端运行如下命令(前提是需要打开模拟器或电脑连接上手机)

cd ./xx/FirstAppreact-native run-android

(2)直接在AS里open FirstApp里的android项目

7.如果打开已有的reactNative项目,需要cd到这个项目根目录,然后终端运行 npm i,然后就可以编译运行了