1. 程式人生 > >react native環境配置

react native環境配置

步驟 url 技術分享 alt 安裝路徑 yarn rep targe cnblogs

1. Python 2 註意,不要選擇3.0及以上的,還不成熟

技術分享

安裝過程中一直 next就可以了,但是註意下圖,勾選添加到系統環境變量

技術分享

安裝完之後cmd輸入 python 查看是否安裝成功。

技術分享

補充: 如果提示python不是內部命令,可能是添加環境變量出問題了,可自行添加。

步驟: 1. 復制python安裝路徑, 默認是 C:\Python27 。

2. 控制面板→系統→高級系統設置→環境變量→任選Admin變量或者系統變量中的path, 點擊編輯,粘貼在最後面。註意: 前面要加一個分號“;”隔開。

技術分享

2. Node 直接裝最新的就可以,32/64就不解釋了。(安裝node自帶npm包管理工具)

技術分享

註意: 一定要勾選Add to PATH(自動添加到系統環境變量) ,其他沒要求,安裝過程中一直 next 就行了。

技術分享

安裝完cmd運行 node --version ,如下圖表示安裝成功。

技術分享

3. Yarn( 推薦安裝,非必須 )

  Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載。React Native的命令行工具用於執行創建、初始化、更新項目、運行打包服務(packager)等任務。

npm install -g yarn react-native-cli  // 同時全局安裝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 某第三方庫名

4. Android Studio 版本大於2.0就行

技術分享

也是一路next就可以完成安裝了。

技術分享

如果出現如下報錯,是因為電腦裏沒有SDK而下載的android studio又不帶SDK。

技術分享

解決方法:

  在安裝目錄下找到:bin\idea.properties ,在文件末尾添加一行disable.android.first.run=true即可

接下來配置android studio

1. 安裝完成後,在Android Studio的歡迎界面中選擇Configure | SDK Manager

技術分享

2. 在【SDK Platforms】窗口中

  選擇Show Package Details,然後在Android 6.0 (Marshmallow)中勾選如下:

  Google APIs

  Android SDK Platform 23

  Intel x86 Atom System Image

  Intel x86 Atom_64 System Image

  Google APIs Intel x86 Atom_64 System Image

技術分享

補充: 如果如下紅框中為空,說明還沒有安裝配置Android Studio SDK, 沒關系,點擊edit , 將新頁面出現的選擇全勾選就可以安裝。 完成後即可進行上述操作。

技術分享

3. 在【SDK Tools】窗口中,選擇Show Package Details

  然後在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1(必須包含有這個版本。當然如果其他插件需要其他版本,你可以同時安裝其他多個版本)。

  另外還要勾選最底部的Android Support Repository.

4. 點擊 apply 或者 ok 安裝上面勾選的。

5. 設置環境變量

技術分享

運行過程中還會遇到一個問題,gradel-2.14-rc-1-all.zip下載巨慢無比。

建議手動下載 gradle-2.14-rc-1-all.zip

技術分享

react native環境配置