工具準備：

SDK

Android SDK Build-tools：23.0.1

SDK Platform：Android N 、6.0 、5.1.1、5.0.1、4.4.2、4.1.2

Android模擬器鏡像：6.0、5.1和4.1

python

使用 python2

nodejs

使用官網最新即可

更改源：

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

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

React Native命令行工具

命令行工具用于執行創建、初始化、更新項目、運行打包(packager)等任務。測試react-native 是否可以執行，不能執行的話，請重新安裝對應版本的nodejs

npm install -g react-native-cli

初始化項目：

進入想要創建項目的目錄中執行：

react-native init HelloWord

初始化完畢

使用WebStorm+Android Studio 模擬器運行項目(推薦使用webstorm11 201602新版)

使用webstorm打開剛才的項目，如圖：

如圖

設置默認編碼格式：

更改默認編碼格式

點擊download引入指定的lib：

lib庫

啟動android studio默認的模擬器：

常用配置

回到之前生成HelloWord目錄中，執行如下命令即可

react-native run-android

第一次執行通常報錯，如圖，需要將模擬器和電腦綁定：

報錯

step1

step2

step3

step4

成功

解決windows平臺熱更新問題：

在項目的目錄下搜索FileWatcher目錄，進入后修改對應的index.js文件

// 修改MAX_WAIT_TIME的值為360000

//找到如下代碼

key: '_createWatcher',

value: function _createWatcher(rootConfig) {

var watcher = new WatcherClass(rootConfig.dir, {

glob: rootConfig.globs,

dot: false

});

return new Promise(function (resolve, reject) {

var rejectTimeout = setTimeout(function () {

return reject(new Error(timeoutMessage(WatcherClass)));

}, MAX_WAIT_TIME);

watcher.once('ready', function () {

clearTimeout(rejectTimeout);

resolve(watcher);

});

});

}

//修改為

key: '_createWatcher',

value: function _createWatcher(rootConfig) {

var watcher = new WatcherClass(rootConfig.dir, {

glob: rootConfig.globs,

dot: false

});

return new Promise(function (resolve, reject) {

const rejectTimeout = setTimeout(function() {

reject(new Error([

'Watcher took too long to load',

'Try running `watchman version` from your terminal',

'https://facebook.github.io/watchman/docs/troubleshooting.html',

].join('\n')));

}, MAX_WAIT_TIME);

watcher.once('ready', function () {

clearTimeout(rejectTimeout);

resolve(watcher);

});

});

}

以管理員身份運行cmd，清理緩存，重新執行項目即可:

npm cache clean

總結

以上是生活随笔為你收集整理的webstorm 运行android,Windows React Native环境搭建:webstorm+android studio 及解决热更新的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。