目錄
1. 搭建java基本環(huán)境配置變量信息
2. webstrom安裝
3. node.js安裝
4. git安裝與webstrom關聯
5. Android Studio和Andriod SDK、reat-native安裝
1. 搭建java基本環(huán)境配置變量信息
??學習java的第一步就要搭建java的學習環(huán)境，首先是要安裝JDK，JDK安裝好之后，還需要在電腦上配置"JAVA_HOME”、"path”、"classpath"這三個環(huán)境變量才能夠把java的開發(fā)環(huán)境搭建好。在沒安裝過jdk的環(huán)境下，path環(huán)境變量是系統變量，本來存在的，而JAVA_HOME和classpath是不存在的。
1.0 java下載地址
配置地址一律在：計算機→右鍵“屬性”→高級系統設置→高級→環(huán)境變量
1.1 配置JAVA_HOME變量
??新建環(huán)境變量，名稱為JAVA_HOME，變量值為JDK安裝路徑。
1.2 配置path變量
??path變量是系統默認存在的，只需要在變量值的最后添加
%JAVA_HOME%\bin;就好。
1.3 配置ClassPath變量
??設置Classpath的目的，在于告訴Java執(zhí)行環(huán)境，在哪些目錄下可以找到您所要執(zhí)行的Java程序(.class文件)，關于這個ClassPath變量，其實可以不用配置了，在網上經?？吹紺lasspath=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\toos.jar，但學習java這么久發(fā)現，不配置ClassPath也不影響java項目的開發(fā)和運行的。
??查看java是否安裝成功，可以打開控制臺（window+r，輸入cmd），輸入java -version
2. webstrom安裝
2.0 webstrom下載地址
2.1 webstrom安裝激活
選擇license server 窗口，輸入：
webstorm 2017.2 http://idea.iteblog.com/key.php （可用）
webstorm 2017.3 http://idea.singee77.com 或者http://im.js.cn:8888
webstrom自動編譯：setting—>System setting —>不勾選use safe write
3. node.js安裝
3.0 node.js下載地址
3.1 webstrom與node關聯
在setting種搜索npm，指定node.exe，設置Coding assistance 為enable，并重啟系統，不知道為什么重啟WebStrom后仍未關聯。
3.4 npm鏡像設置
安裝完node后建議設置npm鏡像以加速后面的過程（或使用科學上網工具）。注意：不要使用cnpm！cnpm安裝的模塊路徑比較奇怪，packager不能正常識別！
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
4. git安裝與webstrom關聯
4.0 git下載地址
4.1 與webstrom關聯
打開webstorm，在file-settings中直接搜索github，然后輸入自己github的賬號密碼
連接下載的git，還是直接在settings中查找git，將git的安裝路徑輸入，點擊text，成功之后也會出來個connection successful的提示框。
5. Android Studio和Andriod SDK、reat-native安裝
5.0 Andriod Studio下載地址
5.1 安裝配置環(huán)境
版本要求：Node8.3以上版本，Java1.8.x（暫不支持1.9版本），
pytho2.7版本，React Native必須26.0.3版本，SDK最低版本為android8.0（Oreo）。
這是react-native官方環(huán)境搭建文檔，很詳細，按照文檔可以很輕松的搭建環(huán)境，但是，文檔是基于linux系統的，所以針對windows，需要有一些更改。
5.2 windows環(huán)境下ANDROID_HOME環(huán)境變量設置
配置地址在：計算機→右鍵“屬性”→高級系統設置→高級→環(huán)境變量
新建環(huán)境變量（無所謂用戶或者系統）ANDROID_HOME，路徑為
sdk安裝地址：
在path環(huán)境變量中增加以下路徑：
;%ANDROID_HOME%\TOOLS;%ANDROID_HOME%\platform-tools注意：不用忘記在每個地址后面添加 ‘ ; ’。
以上配置在重啟后生效。
- 題外話：
關于在cmd中修改環(huán)境變量：所有的在cmd命令行下對環(huán)境變量的修改只對當前窗口有效，不是永久性的修改。也就是說當關閉此cmd命令行窗口后，將不再起作用。
windows中set的用法與linux中export的用法類似。
set //看所有環(huán)境變量
set path //查看某個環(huán)境變量:set 變量名
set path="c:" //修改環(huán)境變量：```set 變量名=變量內容```
//這樣修改環(huán)境變量是用現在的內容去覆蓋以前的內容，而不是追加。
set path=%path%;c://追加變量內容
5.3 Yarn、React Native的命令行工具（react-native-cli）
Yarn是Facebook提供的替代npm的工具，可以加速node模塊的下載。React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化、更新項目、運行打包服務（packager）等任務。
npm install -g yarn react-native-cli
安裝完yarn后同理也要設置鏡像源：
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項目：
在運行android項目之前，請先確保連接了設備或開啟了虛擬機。
建立項目：使用 React Native 命令行工具來創(chuàng)建一個新項目：
react-native init 項目名
其中兩點：一、創(chuàng)建項目時，請不要在某些權限敏感的目錄例如 System32 目錄中 init 項目！會有各種權限限制導致不能運行！
二、因為react native 是Facebook使用蘋果操作系統來完成的，所以Windows的兼容不是很好，現在最新版本為react-native 0.56.0，其中很多東西對windows用戶不太友好，所以很多時候可以使用--version創(chuàng)建指定版本的項目，注意版本號必須精確到兩個小數點，如：
react-native init 項目名 --version 0.55.4
?啟動項目
一定要先開啟虛擬器或連接真機！
cd RNTest //進入項目根目錄
react-native run-android //啟動項目，第一次啟動需要花費比較長的時間
版本降低之后，有可能會出現
unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or youu’re runing a packager server
這樣的錯誤，解決辦法是：
1，在 android/app/src/main 目錄下創(chuàng)建一個 assets空文件夾
2，在項目根目錄運行
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
注意，是編譯index.js而不是index.android.js，因為react-native新版本已經沒有index.android.js和index.ios.js兩個文件了，只有一個index.js文件,所以要編譯index.js ，執(zhí)行之后會發(fā)現 assets文件夾下多出兩個文件，
3，重新react-native run-android。
除此之外，這中間可能出現各種各樣的由于版本不匹配所導致的問題，解決方法大多都是缺什么版本下什么版本，具體的解決方法請百度。
