(一)React Native 經常用的命令
首先我們需要查看本地的React Native的版本,命令行輸入如下命令:
react-native -version
如果之前我們是按照我前面的文章(點擊進入React Native環境搭建)直接命令行npm install -g react-native-cli創建的話,那么應該會出現如下的情況:
會發現版本號是:0.1.7,這其實是我本地cli的版本,我們需要執行如下的代碼
npm update -g react-native-cli
這樣之后就可以同時查看reactnative和cli的版本了,
接下來在執行以下react-native --version查看版本發現,我當前的react native版本為0.17.0
接下來我們來進行查詢react-native的npm包得最新版本(react native的npm包的地址為:https://www.npmjs.com/package/react-native),或者采用命令npm info react-native進行查看.
接下來就是執行如下代碼進行安裝(注意請命令行切換到項目主文件夾):-這個安裝過程還是需要花點時間的
npm install
這樣該項目就已經更新成了最新版本的React Native的Node依賴包了。
下面在運行react-native --version命令查看一下當前版本:
當然根據官網文檔能知道:
現在已經支持在項目中運行npm install - -save命令來進行安裝react-native的新版本了,例如我們需要更新到0.18版本可以采用終端執行如下的命令:
sudo npm install -save react-native@0.18
(二)更新項目templates文件
新的npm包會包含更新在運行react-nativeinit命令生成的一些動態文件,例如init創建項目的時候會生成iOS和Android的子項目,我們可以通過以下的命令進行獲取最新的代碼
sudo react-native upgrade
注意以上紅色框出來的地方,這邊會檢查修改的文件,讓我們進行選擇覆蓋還是保留的,我這邊直接選擇了覆蓋。具體情況看大家實際使用情況。
以上的react-native upgrade會進行檢查項目的文件,然后進行如下幾個操作:
· 如果是新添加的文件,會進行直接創建
· 如果更新的文件和當前項目的文件是一樣的,就會直接忽略跳過
· 如果更新的文件和當前項目的文件不同,有沖突的情況,會讓我們進行選擇是保留原來的文件還是用更新的文件覆蓋,這個要看實際情況了。
現在更新已經完成了,下面就是運行一下看一下是否能夠成功運行,運行如下命令:
react-native run-android
(三)React Native版本降級方法
剛剛我們已經完成React Native庫升級了,現在假如有這樣的一個情況,我們的項目直接創建的用了最新版本的,突然發現最新版本可能不太穩定,在開發過程中就會遇到不可預期的bug。那么就可以考慮進行降級到一個比較穩定的版本比較保險。第一種方案我們參考上面的流程就行了,上面是修改成最新版本的,那么現在我們修改一個低版本,然后執行上面的同樣的命令就OK了。但是我們降級這邊給大家講第二個方案,還記得上面有一個官方推薦安裝react-native的命令不?
sudo npm install --save react-native@0.18
那么我們現在假如要降級到0.17版本,如下命令行執行一下就OK了。
上面運行已經安裝了0.17版本了,查看項目的package.json文件會發現版本已經變成了0.17
接下來執行和上面的步驟一樣執行一下react-native upgrade命令如下:
最后測試運行react-native run-android一下,看看降級成功與否就可以了。
總結:
1.react-native --version //查看當reactNative版本
2.sudo npm update -g react-native-cli //更新全局的reactNative到最新版本
3.npm info react-native //查看服務器端的reactNative的各版本信息
4.npm install //給下載的普通工程下載安裝RN環境,根據配置的package.json
5.react-native upgrade //根據package.json配置的RN版本,更新RN環境代碼
6.react-native run-android //運行Android工程
7.react-native run-ios //運行IOS工程
8.react-native init 工程名 //初始化一個工程、下載React Native的所有源代碼和依賴包
9.npm install --save react-native@0.18 //項目降級或升級到指定版本,記得react-native upgrade更新一下項目依賴等
10. npm install react-native-storage --save // 安裝某個lib到項目中
11.修改目錄下所有文件屬性可寫可讀可執行:
chmod 777 *.*
新聞熱點
疑難解答