目錄
1. 搭建java基本環(huán)境配置變量信息
2. webstrom安裝
3. node.js安裝
4. git安裝與webstrom關(guān)聯(lián)
5. Android Studio和Andriod SDK圣蝎、reat-native安裝
1. 搭建java基本環(huán)境配置變量信息
??學(xué)習(xí)java的第一步就要搭建java的學(xué)習(xí)環(huán)境揪垄，首先是要安裝JDK疚鲤，JDK安裝好之后紧阔，還需要在電腦上配置"JAVA_HOME”、"path”、"classpath"這三個環(huán)境變量才能夠把java的開發(fā)環(huán)境搭建好籍琳。在沒安裝過jdk的環(huán)境下，path環(huán)境變量是系統(tǒng)變量贷祈，本來存在的巩割，而JAVA_HOME和classpath是不存在的。
1.0 java下載地址
配置地址一律在：計算機→右鍵“屬性”→高級系統(tǒng)設(shè)置→高級→環(huán)境變量
1.1 配置JAVA_HOME變量
??新建環(huán)境變量付燥，名稱為JAVA_HOME宣谈，變量值為JDK安裝路徑。
1.2 配置path變量
??path變量是系統(tǒng)默認(rèn)存在的键科，只需要在變量值的最后添加
%JAVA_HOME%\bin;就好闻丑。
1.3 配置ClassPath變量
??設(shè)置Classpath的目的，在于告訴Java執(zhí)行環(huán)境勋颖，在哪些目錄下可以找到您所要執(zhí)行的Java程序(.class文件)嗦嗡，關(guān)于這個ClassPath變量，其實可以不用配置了饭玲，在網(wǎng)上經(jīng)辰募溃看到Classpath=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\toos.jar，但學(xué)習(xí)java這么久發(fā)現(xiàn)，不配置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關(guān)聯(lián)
在setting種搜索npm，指定node.exe琼牧，設(shè)置Coding assistance 為enable恢筝，并重啟系統(tǒng)，不知道為什么重啟WebStrom后仍未關(guān)聯(lián)巨坊。
3.4 npm鏡像設(shè)置
安裝完node后建議設(shè)置npm鏡像以加速后面的過程（或使用科學(xué)上網(wǎng)工具）撬槽。注意：不要使用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關(guān)聯(lián)
4.0 git下載地址
4.1 與webstrom關(guān)聯(lián)
打開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)境搭建文檔想括，很詳細(xì)，按照文檔可以很輕松的搭建環(huán)境烙博，但是瑟蜈，文檔是基于linux系統(tǒng)的，所以針對windows渣窜，需要有一些更改铺根。
5.2 windows環(huán)境下ANDROID_HOME環(huán)境變量設(shè)置
配置地址在：計算機→右鍵“屬性”→高級系統(tǒng)設(shè)置→高級→環(huán)境變量
新建環(huán)境變量（無所謂用戶或者系統(tǒng)）ANDROID_HOME，路徑為
sdk安裝地址：
在path環(huán)境變量中增加以下路徑：
;%ANDROID_HOME%\TOOLS;%ANDROID_HOME%\platform-tools注意：不用忘記在每個地址后面添加 ‘ ; ’乔宿。
以上配置在重啟后生效位迂。
- 題外話：
關(guān)于在cmd中修改環(huán)境變量：所有的在cmd命令行下對環(huán)境變量的修改只對當(dāng)前窗口有效，不是永久性的修改。也就是說當(dāng)關(guān)閉此cmd命令行窗口后掂林，將不再起作用臣缀。
windows中set的用法與linux中export的用法類似。
set //看所有環(huán)境變量
set path //查看某個環(huán)境變量:set 變量名
set path="c:" //修改環(huán)境變量：```set 變量名=變量內(nèi)容```
//這樣修改環(huán)境變量是用現(xiàn)在的內(nèi)容去覆蓋以前的內(nèi)容党饮，而不是追加肝陪。
set path=%path%;c://追加變量內(nèi)容
5.3 Yarn、React Native的命令行工具（react-native-cli）
Yarn是Facebook提供的替代npm的工具刑顺，可以加速node模塊的下載氯窍。React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化蹲堂、更新項目狼讨、運行打包服務(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項目：
在運行android項目之前朽基，請先確保連接了設(shè)備或開啟了虛擬機布隔。
建立項目：使用 React Native 命令行工具來創(chuàng)建一個新項目：
react-native init 項目名
其中兩點：一、創(chuàng)建項目時稼虎，請不要在某些權(quán)限敏感的目錄例如 System32 目錄中 init 項目衅檀！會有各種權(quán)限限制導(dǎo)致不能運行！
二霎俩、因為react native 是Facebook使用蘋果操作系統(tǒng)來完成的哀军，所以Windows的兼容不是很好，現(xiàn)在最新版本為react-native 0.56.0打却，其中很多東西對windows用戶不太友好杉适，所以很多時候可以使用--version創(chuàng)建指定版本的項目，注意版本號必須精確到兩個小數(shù)點柳击，如：
react-native init 項目名 --version 0.55.4
?啟動項目
一定要先開啟虛擬器或連接真機猿推！
cd RNTest //進入項目根目錄
react-native run-android //啟動項目，第一次啟動需要花費比較長的時間
版本降低之后捌肴，有可能會出現(xiàn)
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新版本已經(jīng)沒有index.android.js和index.ios.js兩個文件了试幽，只有一個index.js文件,所以要編譯index.js 筝蚕，執(zhí)行之后會發(fā)現(xiàn) assets文件夾下多出兩個文件卦碾，
3，重新react-native run-android起宽。
除此之外洲胖，這中間可能出現(xiàn)各種各樣的由于版本不匹配所導(dǎo)致的問題，解決方法大多都是缺什么版本下什么版本坯沪，具體的解決方法請百度绿映。
