React Native(Mac篇)

来源:互联网 发布:打印发票软件 编辑:程序博客网 时间:2024/05/17 23:29
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


10.连接手机,在控制台输入 react-native run-android

微笑微笑微笑微笑微笑微笑微笑微笑微笑微笑微笑微笑微笑微笑微笑微笑


文章为个人原创总结,请勿随意转发,转发请注明出处!!!

0 0