react-native總結之項目開發環境創建

前言

萬事開頭難,當開始了以後,你就邁上了成功的道路


1. 項目創建

- 創建準備,安裝必須的軟件

1.官方推薦安裝Homebrew

它是Mac OSX上的軟件包管理工具,能在Mac中方便的安裝軟件或者卸載軟件,相當於linux下的apt-get、yum。安裝很簡單,只需要打開終端輸入如下命令:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2.安裝node.js

它是一個基於 Chrome V8 引擎的 JavaScript 運行環境,使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效,它的包管理器 npm,是全球最大的開源庫生態系統。可以直接官網下載node.js進行安裝,這裏直接用命令安裝。

brew install node

注意:安裝完node.js後,官方建議安裝鏡像,畢竟國內牆比較高。(淘寶鏡像)

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

3.安裝Yarn、React Native的命令行工具

Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載。React Native的命令行工具用於執行創建、初始化、更新項目、運行打包服務(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

4.android SDK 與 Java JDK 安裝配置

android SDK,Java JDK是Android開發必須安裝的工具包; SDK可以從Android SDK官網下載。JDK可以從Oracle官網下載。配置方法如下:

  • Windows
我的電腦->右擊屬性->高級設置變量->環境變量->系統變量->Path目錄,在path目錄中設置:
ANDROID_HOME:安裝的SDK目錄(我的 E:\Library\Android\sdk)
JAVA_HOME:安裝的JDK目錄(我的 E:\Java\jdk1.7.0)
Path:變量值最後輸入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
  • Mac OS

    可以直接命令編輯

    1.vim打開profile文件

sudo vim /etc/profile;有密碼輸入密碼,

2.按鍵盤“i”鍵,進入插入模式,編輯如下:

ANDROID_HOME="/Users/zhaoyingchao/Library/Android/sdk"  
export ANDROID_HOME
JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk1.8.0_45.jdk/Contents/HomeContents/Home"
export JAVA_HOME
CLASS_PATH="$JAVA_HOME/lib"
PATH=".$PATH:$JAVA_HOME/bin"

3.按ESC,進入保存, 輸入 :wq! 保存

4.運行profile配置

source /etc/profile 

注意:

    1.JDK官網建議最好是1.8以上。
    2.Android SDK 可以直接在安裝了Android Studio之後再安裝,在AS的SDK Manager中添加需要的SDK,我比較推薦這種方法。

- 開始創建

1.初始化項目

react-native init MyProject

注意:

1.init命令默認會創建最新的版本,而目前最新的0.45及以上版本需要下載boost庫編譯。此庫體積龐大,在國內即便翻牆也很難下載成功,導致很多人無法正常運行iOS項目,中文網在論壇中提供了這些庫的國內下載鏈接。如果你嫌麻煩,又沒有對新版本的需求,那麼可以暫時創建0.44.3的版本。(引自官網
2.你可以使用–version參數(注意是兩個槓)創建指定版本的項目。例如react-native init MyApp –version 0.44.3。注意版本號必須精確到兩個小數點。(引自官網

2.運行項目

cd MyProject
react-native run-ios
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章