React Native學習筆記之2

1：如何建立乙個react native工程

首先進入到指定資料夾裡面，然後在終端執行react-native init reactnativeproject ；其中reactnativeproject為工程的名稱；

2：如何運用除錯

可以先安裝chrome瀏覽器的外掛程式react developer tools 然後執行時在虛擬器上按command+d就會彈出選擇，可以用stop remote js debugging 就可以進入除錯頁面，然後再按command+alt+j 就可以進入除錯的詳細頁面；

除了可以在react native的中文網檢視到相關資訊，也可以直接檢視源**的js檔案，js檔案不僅有介面及相關說明，還有例項**；

有些是社群維護的元件可以在下面這個裡面查詢到，包含相關的ios跟安卓

外掛程式位址:

5:ecmascript 6 入門知識

6：react/react native 的es5 es6寫法對照表

7：如何把react native嵌入到當前項項中

8: 檢視相應react native版本號，及更新安裝最新版

開啟專案的根目錄路徑可以看到package.json,可以看到相應的react跟react-native的版本；

請去下面的**【

】檢視react-native的npm包的最新版本，或使用npm info react-native命令檢視。而react可以到檢視版本；

開啟專案目錄下的package.json檔案，然後在dependencies模組下找到react-native，將當前版本號改到最新，然後在命令列中執行（譯註：如果提示許可權錯誤，就在命令前加上sudo）：

$ npm install

9：main.jsbundle生成方法

步驟：

1.在react native專案根目錄下執行 npm start

2.使用curl命令生成 main.jsbundle

注釋掉jscodelocation = [nsurl urlwithstring:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

取消注釋下面這一行