개발장비 - mac book air
작성일 : 2018.4.16
- react native 공식홈페이지 및 제타위키 기준 최신내용으로 작성했습니다
1. xcode 설치
xcode > preferences > locations > "Command Line Tools:" 부분에 Xcode 로 설정
이걸 안해주면 아래 명령중에 npm start 후에 ios 에뮬레이터로 실행하기가 작동하지 않는다
2. Android studio 설치
3. jdk 설치
curl -s "https://get.sdkman.io" | bash
source "$HOME/.sdkman/bin/sdkman-init.sh"
sdk version
sdk install java
4. react native IDE 구성
4-1) homebrew 설치
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
4-2) nodejs 설치
brew install node
4-3) yarn 설치
brew install yarn
4-4) watchman 설치
brew install watchman
4-5) react-native-cli 설치
sudo npm install -g react-native-cli
5. visual studio code (에디터) 설치
(뭐.. 이건 RN 소스코딩할때 편하자고 설치한건데, Atom 이라는것도 있고 각자 편한걸 사용하세요, 근데 전 Atom도 써봤는데 VS code가 상당히 빠르게 동작하고 좋더라구요)
6. myapp 이라는 프로젝트 생성
맥북에서 콘솔을 열고 아래명령 입력
react-native init myapp
7. 실행하기
그럼 결과적으로
myapp 디렉토리가 생길것이다
이 디렉토리에서 앱을 개발하게되며
ios 와 android 디렉토리가 있는데
ios 디렉토리 하위에 xcodeproject 파일을 더블클릭하면
xcode 상에서 열고 에뮬레이터에 올리거나 폰에 올려볼 수 있다
android 디렉토리 또한 android studio 를 열고 해당 디렉토리를 import 하여 프로젝트를 구동할 수 있다
뭐.. xcode 랑 android studio 로 열어봤다면
앱스토어 배포는 기존 네이티브 앱 개발할때와 동일하니까
따로 설명하진 않겠다
--------------------------------------------------------------
여담
몇몇 블로그에서는 EXPO 를 알려주기도한다
nomad coder 이라는 외국개발자도 EXPO를 알려준다
근데.. EXPO로 생성한 프로젝트에 아무짓도 않하고
IOS설치파일인 .ipa 를 만들어봤는데
뭔 개발 1도 안했는데 100MB가 넘게 나와 ?
편한건 좋은데 이건 좀 아니지..
아무튼 난 저 말도 안되는 용량때문에라도 expo를 프로젝트를 만들지 않기로 결정했다
---------------------------------------------------------------
装备-mac book air
制作日期:2018.4.16
-以react native官方网站及Zeact Witive为最新内容制成。
1.设置xcode
"xcode>preferences>locations>""Command Line Tools:"部分为Xcode
如果不做这个,下面的命令在下一个命令中就不会启动ipm的应用程序
2.Android studio设置
3.设置jdk
curl-s"https://get.sdkman.io"
source'source/sdkman/sdkman/bin/sdkman-init.sh'
sdk version
sdk install java
4.react native IDE构成
4-1)homebrew安装
/usr/ruby-e"kuby-e"(curl-fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)")
4-2)node js安装
brew install node
4-3)yarn安装
brew install yarn
4-4)watchman设置
brew install watchman
4-5)react-native-cli设置
sudo npm install-g react-native-cli
5.visual studio code设置
(这件事是在哈哈酱料中安装了方便的时候,也有Atom的意思,也是使用了Atom,但是使用了Atom也很快的,但是还是很快的动作很快的动作。
6.myapp名为"myapp"项目
在Macbook上打开控制台,输入下命令
react-native init myapp
7.实行
那么,结果
会产生myapp dythory
在这个目录里开发应用程序
有ios和android dellotion
双击查询icodeproject文件时
可以在xcode上打开,上传到模拟装置上或上传到手机上
android defroid也可以启动android studio,可以启动相应目录,启动工程目录。
如果是xcode lndroid studio
应用程序商店与现有应用程序开发应用程序相同
不另说明
爱丽丝梦游洞爱丽丝爱丽丝褐尾角爱丽丝褐尾角鸟爱丽丝褐尾角鸟爱丽丝褐尾角鸟爱丽丝褐偶异类爱丽丝褐尾宿钻石爱丽丝褐尾宿钻石褐眼鸟爱丽丝李恪褐眼鸟李恪褐花镜褐眼鸟李恪褐眼鸟李恪褐眼鸟李恪褐花鸥褐眼鸟李恪
闲话
在一些博客上,甚至会告知EXPO
nomad coder的外国开发者也告诉我们EXPO
但是.. 用EXPO生成的项目做了什么事
IOS设置了ipa,制作了ipa
没怎么开发,竟然超过了100兆韩币?
舒服的是挺好的,但这不是一点嘛。
不管怎样,我也决定不让自己的话也不能制作expo项目。
制作日期:2018.4.16
-以react native官方网站及Zeact Witive为最新内容制成。
1.设置xcode
"xcode>preferences>locations>""Command Line Tools:"部分为Xcode
如果不做这个,下面的命令在下一个命令中就不会启动ipm的应用程序
2.Android studio设置
3.设置jdk
curl-s"https://get.sdkman.io"
source'source/sdkman/sdkman/bin/sdkman-init.sh'
sdk version
sdk install java
4.react native IDE构成
4-1)homebrew安装
/usr/ruby-e"kuby-e"(curl-fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)")
4-2)node js安装
brew install node
4-3)yarn安装
brew install yarn
4-4)watchman设置
brew install watchman
4-5)react-native-cli设置
sudo npm install-g react-native-cli
5.visual studio code设置
(这件事是在哈哈酱料中安装了方便的时候,也有Atom的意思,也是使用了Atom,但是使用了Atom也很快的,但是还是很快的动作很快的动作。
6.myapp名为"myapp"项目
在Macbook上打开控制台,输入下命令
react-native init myapp
7.实行
那么,结果
会产生myapp dythory
在这个目录里开发应用程序
有ios和android dellotion
双击查询icodeproject文件时
可以在xcode上打开,上传到模拟装置上或上传到手机上
android defroid也可以启动android studio,可以启动相应目录,启动工程目录。
如果是xcode lndroid studio
应用程序商店与现有应用程序开发应用程序相同
不另说明
爱丽丝梦游洞爱丽丝爱丽丝褐尾角爱丽丝褐尾角鸟爱丽丝褐尾角鸟爱丽丝褐尾角鸟爱丽丝褐偶异类爱丽丝褐尾宿钻石爱丽丝褐尾宿钻石褐眼鸟爱丽丝李恪褐眼鸟李恪褐花镜褐眼鸟李恪褐眼鸟李恪褐眼鸟李恪褐花鸥褐眼鸟李恪
闲话
在一些博客上,甚至会告知EXPO
nomad coder的外国开发者也告诉我们EXPO
但是.. 用EXPO生成的项目做了什么事
IOS设置了ipa,制作了ipa
没怎么开发,竟然超过了100兆韩币?
舒服的是挺好的,但这不是一点嘛。
不管怎样,我也决定不让自己的话也不能制作expo项目。
댓글
댓글 쓰기