最近公司要求使用react-native進(jìn)行移動(dòng)端開發(fā)迁匠，據(jù)說macOS上開發(fā)坑會(huì)少的多剩瓶，但我們是windows，莫法城丧，直接抗吧延曙！周末配置環(huán)境遇到很多問題，謹(jǐn)以此文做個(gè)記錄芙贫。搂鲫。。
準(zhǔn)備
-
安裝Chocolatey
Chocolatey是一個(gè)Windows上的包管理器磺平，類似于linux上的yum和 apt-get
+ 以管理員的身份來運(yùn)行命令提示符
+ 打開C盤里的Windows\System32,找到cmd.exe,右鍵‘已管理員身份運(yùn)行’
+ 運(yùn)行@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin 使用chocolatey安裝Python 2
choco install python2使用chocolatey安裝Node
choco install nodejs.install切換npm到淘寶的鏡像
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global-
使用npm安裝Yarn和React Native
Yarn是Facebook提供的替代npm的工具魂仍，可以加速node模塊的下載
React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化拣挪、更新項(xiàng)目擦酌、運(yùn)行打包服務(wù)（packager） 等任務(wù)。
+npm install -g yarn react-native-cli
+ 安裝完yarn后同理也要設(shè)置鏡像源：
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
+ 安裝完yarn之后就可以用yarn代替npm了菠劝，例如用yarn代替npm install命令赊舶，用yarn add 某第三方庫名代替npm install --save 某第三方庫名
Android Studio
Android Studio包含了運(yùn)行和測(cè)試React Native應(yīng)用所需的Android SDK和模擬器。
直接去
http://www.android-studio.org/下載3.0.1.0的就可以了直接默認(rèn)安裝就可以了
-
然后打開赶诊，點(diǎn)擊右下角的configure配置
1.png 3個(gè)東西必須安裝笼平，其他隨意，
Android SDK Platform 23和23.0.1和Android Support Repository-
另外記住你Sdk的安裝位置舔痪，后面有用寓调，我是安在
D:\Android\Sdk
2.png
- 設(shè)置ANDROID_HOME環(huán)境變量
- 打開控制面板 -> 系統(tǒng)和安全 -> 系統(tǒng) -> 高級(jí)系統(tǒng)設(shè)置 -> 高級(jí) -> 環(huán)境變量 -> 新建用戶變量
- 變量名ANDROID_HOME，變量值D:\Android\Sdk(這是我的锄码，具體看你的sdk位置)
- 設(shè)置完需要關(guān)閉所以的命令符窗口夺英，這樣新的環(huán)境變量才能生效
JAVA
Android Studio需要Java Development Kit [JDK] 1.8（暫不支持更高版本）
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下載-
根據(jù)自己選擇32位還是，64
5.png -
安裝
- 在D盤新建一個(gè)java文件夾滋捶，在java文件下新建兩個(gè)文件夾痛悯，分別命名為jdk和jre.3.雙擊程序進(jìn)行安裝，安裝時(shí)有兩次選擇路徑的機(jī)會(huì)重窟，第一次是讓你選擇jdk安裝路徑载萌，選擇為D:\java\jdk，第二次是讓你選擇jre的安裝路徑，選擇為D:\java\jre
- 安裝完成后扭仁，進(jìn)行環(huán)境變量的配置可缚，計(jì)算機(jī)右擊屬性，-高級(jí)系統(tǒng)設(shè)置-環(huán)境變量-選擇下邊的系統(tǒng)變量
- 新建
變量名：Path
變量值C:\ProgramData\Oracle\Java\javapath;%java_home%\bin;%java_home%\jre\bin - 新建
變量名：JAVA_HOME
變量值：D:\java\jdk - 新建
變量名：ClassPath
變量值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; - 測(cè)試
- 打開cmd,輸入java
- 輸入java -version
連接真機(jī)
- 自己用的小米6來連接的斋枢，沒用模擬器，坑多的1匹知给，慢慢道來
- 必須關(guān)閉MIUI優(yōu)化
- 360助手必須卸了瓤帚，否則端口占用
- 選擇文件傳輸（MTP）
- 打開“USB安裝”選項(xiàng)
- 以上都可能導(dǎo)致小米4以上機(jī)型跑不起來。涩赢。戈次。
運(yùn)行
- 連接好了手機(jī)我們就可以跑項(xiàng)目了
- cmd
-
d:請(qǐng)不要在命令行默認(rèn)的System32目錄中init項(xiàng)目！會(huì)有各種權(quán)限限制導(dǎo)致不能運(yùn)行筒扒！所以我跑去D盤安的項(xiàng)目 react-native init rntestcd rntestreact-native run-android- 好了怯邪，手機(jī)終于可以看見
welcome to react native了，恭喜花墩。悬秉。。
最后
大家好冰蘑，這里是「 TaoLand 」和泌，這個(gè)博客主要用于記錄一個(gè)菜鳥程序猿的Growth之路。這也是自己第一次做博客祠肥，希望和大家多多交流武氓，一起成長(zhǎng)！文章將會(huì)在下列地址同步更新……
個(gè)人博客：www.yangyuetao.cn
小程序：TaoLand
