WebStorm裡面配置執行React Native的方案
以前開發react native專案總是需要開啟WebStorm編寫程式碼,Xcode跑專案.顯得有點多餘.
今天教大家如何直接使用WebStorm這個IDE直接完成編碼+執行專案工作.這樣就可以不用開啟Xcode了.
1.首先點選WebStorm右上方的下拉箭頭彈出的Edit Configurations…
2.然後會進入一個配置頁面.點選左上方的+.在彈出的列表中選中npm.如圖.
3.在右邊的配置框中,先選擇Command為help.接著點選下方的+號.再點選Run External tool.
4.在彈出框中選擇+號.
5.在彈出的配置框中,填寫相應資訊.
Name為該按鈕的名字 Program為react Native的路徑,終端命令:which react-native 一般都是 /usr/local/bin/react-native Parameters填 run-ios working directory該輸入框中,先點選右邊的insert macro,選擇ProjectFileDir.
5.點選OK.接下來點選Apply回到主介面.可以看見右上方的按鈕.點選即可執行專案了.
相關推薦
WebStorm裡面配置執行React Native的方案
以前開發react native專案總是需要開啟WebStorm編寫程式碼,Xcode跑專案.顯得有點多餘. 今天教大家如何直接使用WebStorm這個IDE直接完成編碼+執行專案工作.這樣就可以不用開啟Xcode了. 1.首先點選WebStorm右上方的下拉箭頭彈出的Edit
WebStorm執行React Native專案
WebStorm是一款前端開發工具,也可以用於React Native專案 下載安裝WebStorm 下載破解補丁 開啟網址(IntelliJ IDEA 註冊碼),下載補丁 然後將補丁複製
WebStorm上執行react-native報錯 Error: Metro Bundler can't listen on port 8081(Win7)的解決
Win7環境 + WebStorm + react-native專案,點選執行按鈕然後未在Genymotion模擬器上執行程式,WebStorm工作臺輸出下列錯誤: Error: Metro Bundler can't listen on port 8081 產生原因
react native 執行 react-native run-android 啟動報錯
在前一天明明開發得很好,react-native run-android一執行就能跑起來,但是第二天開發時執行react-native run-android命令就出現如下錯誤: 報這個的原因有很多,博主沒有仔細找具體原因,由於開發時間緊急,發現一個治標不治本
執行react-native專案遇到的坑
最近接手了一個react-native專案,用xcode執行的時候,各種坑,各種報錯,現在抽時間整理一下 1.找不到標頭檔案 RCTJPushModule.h 一上來就報這個錯,翻閱一些資料找到解決辦法 開啟終端,cd到專案資料夾,輸入 npm install jpu
WebStorm開發工具設定React Native智慧提示
最近在做React Native開發的時候,相信大家一般會使用WebStorm,Sublime,Atom等等開發工具。二之前搞前端的對WebStorm會很熟悉,WebStorm最新版是WebStor
關於初次搭建環境第一次執行react-native run-android命令報錯問題
在打開了Genymotion模擬器後執行react-native run-android命令是到最後的app:installDebug爆粗了,如下: 這裡需要修改下Genymotion的ADB配置
詳細講解如何在windows下搭建react-native的開發環境(包括在裝置上安裝和執行react-native app )!
我之前在增加完變數後,react-native命令不起作用了,後來重新安裝react-native解決了此問題. 開啟安裝好的android stdio,然後start一個專案,下一步下一步,然後找到這個按鈕,這個是啟動模擬器的鍵,如果沒有安裝模擬器的話,可以選一個手機型號來下載,找到對應你的電腦的
執行react-native中的android專案及問題解決
通過第二種方式開啟android專案並執行不會自動的開啟react-native服務,需要我們手動的去開啟,如果react-native服務沒有開啟會報如下錯誤:Could not connect to development server. 出現這個問題我們需要手動的去開啟服務,使用終端命令列工具cd進
使用夜神模擬器執行React Native躺坑詳解
前言近期需要使用React Native進行開發,所以需要安裝環境。但是因為顯示卡是AMD的,並且硬體原因,導致出現很多問題。直接導致的最大問題就是不能執行模擬器。所以,最後使用夜神模擬器來代替。接下來為大家詳細描述博主在環境安裝過程中趟過的坑。問題描述和解決辦法博主是使用I
執行react-native官方Examples步驟總結(Windows)
學習react-native就跟當初學習android一樣,環境搭建完畢,程式碼也不知道怎麼寫,如果也沒有demo執行一下看看這是個什麼東西,總覺得RN很神祕複雜的樣子。FaceBook官方早已經給我們準備了很好的學習資料,就是github上的官方demo,那如
Mac電腦配置IOS React Native開發環境配置筆記
React Native(以下簡稱RN)的開發環境配置直接參考官方文件即可完成,不過對小白來說東西有點多,有些名詞不是很好理解,這裡就官方的安裝文件稍微展開說一下。 中文版配置說明:不錯的中文說明。官方英文版配置說明:英文不錯的小夥伴可以直接看英文官方的 環境需求:1.Xcode 7.0以上版本 React
64位Linux上執行React Native遇到的問題
系統環境:Debian 8 64位 IDE:Android Studio 2.2.3 問題1: 用Android Studio新版的AVD Manager無法建立模擬器,只能用舊的AVD Manager建立(原因不明) 解決方法:SDK Manager -> Lau
超詳細Windows版本編譯執行React Native官方例項UIExplorer專案(多圖慎入)
轉載請標明出處:(一)前言 【好訊息】個人網站已經上線執行,後面部落格以及技術乾貨等精彩文章會同步更新,請大家關注收藏:http://www.lcode.org 特別說明:群裡很多童鞋都在說想Windows系統官方例項,但是官方提供的文件以及網
環境配置:React Native 開發環境配置 For Android
React Native 是FaceBook開源的一個專案,FaceBook希望可以用寫 Web App 的方式去寫 Native App。它可以讓我們用JS和React來開發應用,使用React Native可以通吃Android 和 IOS ,以及We
react-native開發:執行react-native run-ios報錯--Print: Entry, ":CFBundleIdentifier", Does Not Exist
情景 在新建立的ReactNative專案,執行命令:react-native init Hello 在專案資料夾下執行react-native run-ios,但是出現以下報錯: Command /bin/sh failed with exit c
執行React Native示例出現null is not an object (evaluating 'this.state.text')
在執行官方示例的時候出現了null is not an object (evaluating 'this.state.text'),明明是直接copy的,state初始化也是根據ES6來的,怎麼就突然報錯了,很尷尬... 一開始以為是跟安卓版本相關,6.0行,4.4.4有b
mac 下android studio 執行React-native專案
1.安裝nodejshttps://nodejs.org/en/ brew install node2.安裝React Native npm install -g react-native-cli3.安裝 watchman (我沒有安裝時,總是執行失敗)https://fac
在iOS6機子上執行 React-Native Demo, 自己編譯 JavaScriptCore 原始碼,支援 iOS5.1 ,iOS 6
而且打開了 OBJC_API_Enable , 支援了 JSContext JSValue 等OC 的介面類。 原編譯者 : `phoboslab` 支援提供了 C API 的支援。 如果想無縫使用 React-Native 或者 JSPatch 是沒辦法的。
react-native 專案配置ts執行環境
#全域性安裝 create-react-native-app yarn global add create-react-native-app #建立專案 create-react-native-app my-app #安裝ts依賴 yarn add typesc