React Native(Mac篇)
详细步骤,请务必按我的步骤一步步进行
1.Mac安装好了jdk跟sdk
2.配置ANDROID_HOME环境
step1.打开mac的控制台,输入命令 ls -al 看是否有.bash_profile这个文件夹,如果没有就先新建一个
新建命令为:touch .bash_profile
step2.在控制台输入vi .bash_profile,然后输入字母e,在出现的界面输入 export ANDROID_HOME=~/Library/Android/sdk
输完之后,按esc键,然后按shift+分号键,最后按wq进行退出保存
step3.在控制台输入soure ~/.bash_profile (让设置立即生效)
step4.在控制台输入echo %ANDROID_HOME,看输出是否正确
3.打开Android Studio,打开sdk manager,把android-23.0.1安装上
4.安装homebrew工具,这个工具好比android里的应用市场
打开mac的控制台,输入命令 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
5.设置全局镜像,在刚打开的控制台依次输入以下命令
npm config set registry https://registry.npm.taobao.org
按回车键,接着输入下面的命令
npm config set disturl https://npm.taobao.org/dist
6.安装工具
安装node,在控制台输入 brew install node
安装watchman,在控制台输入 brew install watchman
安装git,在控制台输入 brew install git
7.在控制台输入 npm install -g react-native-cli
8.新建项目 在控制台输入 react-native init MyProject (这个过程比较耗时,可以等待)
9.项目成功建成之后,在控制台进入项目所在的文件夹,输入cd MyProject
详细步骤,请务必按我的步骤一步步进行
1.Mac安装好了jdk跟sdk
2.配置ANDROID_HOME环境
step1.打开mac的控制台,输入命令 ls -al 看是否有.bash_profile这个文件夹,如果没有就先新建一个
新建命令为:touch .bash_profile
step2.在控制台输入vi .bash_profile,然后输入字母e,在出现的界面输入 export ANDROID_HOME=~/Library/Android/sdk
输完之后,按esc键,然后按shift+分号键,最后按wq进行退出保存
step3.在控制台输入soure ~/.bash_profile (让设置立即生效)
step4.在控制台输入echo %ANDROID_HOME,看输出是否正确
3.打开Android Studio,打开sdk manager,把android-23.0.1安装上
4.安装homebrew工具,这个工具好比android里的应用市场
打开mac的控制台,输入命令 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
5.设置全局镜像,在刚打开的控制台依次输入以下命令
npm config set registry https://registry.npm.taobao.org
按回车键,接着输入下面的命令
npm config set disturl https://npm.taobao.org/dist
6.安装工具
安装node,在控制台输入 brew install node
安装watchman,在控制台输入 brew install watchman
安装git,在控制台输入 brew install git
7.在控制台输入 npm install -g react-native-cli
8.新建项目 在控制台输入 react-native init MyProject (这个过程比较耗时,可以等待)
9.项目成功建成之后,在控制台进入项目所在的文件夹,输入cd MyProject
10.连接手机,在控制台输入 react-native run-android
文章为个人原创总结,请勿随意转发,转发请注明出处!!!