2. 程式人生 > >WebStorm執行React Native專案

WebStorm執行React Native專案

阿新 • • 發佈：2018-12-12

WebStorm是一款前端開發工具，也可以用於React Native專案

  • 下載安裝WebStorm
  • 下載破解補丁

開啟網址（IntelliJ IDEA 註冊碼），下載補丁 圖0 然後將補丁複製到安裝目錄的bin目錄下，例如：D:\Program Files\JetBrains\WebStorm 2018.2.3\bin 圖1

  • 修改路徑

修改bin目錄下的 WebStorm.exe.vmoptions 和WebStorm64.exe.vmoptions 圖2 用文字編輯器開啟之後，在檔案最上面加一行程式碼 -javaagent:D:\Program Files\JetBrains\WebStorm 2018.2.3\bin\JetbrainsCrack-3.1-release-enc.jar 配置好之後，儲存檔案，啟動WebStorm。

  • 獲取啟用碼

開啟網址（IntelliJ IDEA 註冊碼），直接點選獲取啟用碼，將生成的啟用碼貼上到WebStorm啟用對話方塊中的【Lisence Code】輸入框，點選OK即可破解。 圖3 圖4

  • WebStrom執行RN專案

開啟上篇文章建立好的AwesomeProject專案 點選右上角的Add Configuration 圖5 新增配置 在這裡插入圖片描述 新增成功後，取名為Android 在這裡插入圖片描述 點選右上角的“綠色三角”執行該專案 在這裡插入圖片描述 執行結果 在這裡插入圖片描述

相關推薦

WebStorm執行React Native專案

WebStorm是一款前端開發工具，也可以用於React Native專案 下載安裝WebStorm 下載破解補丁 開啟網址（IntelliJ IDEA 註冊碼），下載補丁 然後將補丁複製

執行react-native專案遇到的坑

最近接手了一個react-native專案，用xcode執行的時候，各種坑，各種報錯，現在抽時間整理一下 1.找不到標頭檔案 RCTJPushModule.h 一上來就報這個錯，翻閱一些資料找到解決辦法 開啟終端，cd到專案資料夾，輸入 npm install jpu

mac 下android studio 執行React-native專案

1.安裝nodejshttps://nodejs.org/en/ brew install node2.安裝React Native npm install -g react-native-cli3.安裝 watchman (我沒有安裝時，總是執行失敗)https://fac

使用WebStorm建立/執行/除錯React Native專案

說在前面 使用的WebStorm版本是2017.1.1. 一. 建立React Native專案 1.File->New->Project 2.在New Project視窗中選擇React Nat

解決升級到Xcode10，react native專案執行報錯問題

今天剛升級到Xcode10，就遇到兩個報錯問題 錯誤一：Xcode 10: Build input file double-conversion cannot be found error: Build input file cannot be found: '../node_modules/react-

使用WebStorm開發React Native除錯Android專案

React-Native自帶的列印log的命令 android : react-native log-android ios : react-native log-ios android studio除錯習慣了,然後在webstorm除錯react-native找到了一個除錯外掛:r

react-native 專案配置ts執行環境

#全域性安裝 create-react-native-app yarn global add create-react-native-app #建立專案  create-react-native-app  my-app #安裝ts依賴 yarn add typesc

WebStorm裡面配置執行React Native的方案

以前開發react native專案總是需要開啟WebStorm編寫程式碼,Xcode跑專案.顯得有點多餘. 今天教大家如何直接使用WebStorm這個IDE直接完成編碼+執行專案工作.這樣就可以不用開啟Xcode了. 1.首先點選WebStorm右上方的下拉箭頭彈出的Edit

如何執行github上react native專案

寫在前面 之前就發現百度上，關於下載github上react native專案（下文稱RN）執行的方法不全，今天抽空整理下，給大家一點靈感。 一、下載RN專案 以react-native-nba-app作為事例 二、執行RN專案 執行終

初始化react-native專案執行採坑

第一坑.react和react-native版本配合有很高的要求 init專案啟動後報如下錯誤： error: bundling failed: "Unable to resolve module `AccessibilityInfo` from `/Users/appl

執行react-native中的android專案及問題解決

通過第二種方式開啟android專案並執行不會自動的開啟react-native服務，需要我們手動的去開啟，如果react-native服務沒有開啟會報如下錯誤：Could not connect to development server. 出現這個問題我們需要手動的去開啟服務，使用終端命令列工具cd進

WebStorm+Chrom 除錯React Native 專案圖文詳解

在看這篇文章之前，給大家參考一下本人的準備如下： 1、裝好React Developer Tools 外掛的Chrom; 3、一部Android系統5.0.0+的真機（參考），大家可以下載gen

如何執行github上的React Native專案

1、下載專案 ①開啟git 輸入命令：git clone 專案地址 或者 ②直接在github上點選下載 2、用WebStorm、atom等ide開啟專案 在其命令視窗依次執行以下命

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 產生原因

超詳細Windows版本編譯執行React Native官方例項UIExplorer專案(多圖慎入)

轉載請標明出處：(一)前言         【好訊息】個人網站已經上線執行,後面部落格以及技術乾貨等精彩文章會同步更新，請大家關注收藏:http://www.lcode.org         特別說明:群裡很多童鞋都在說想Windows系統官方例項，但是官方提供的文件以及網

新建react-native專案並在genymotion模擬器上執行

1.選擇專案資料夾（如在f盤），開啟cmd命令編輯器，    輸入指令 f:    輸入指令 react-native init Test    其中Test是你新建的檔名稱。 2.開啟你的程式碼編輯器。 3.開啟genymotion模擬器，並執行。 4.重新開啟一個cmd

建立react native 專案並在真機上執行專案

第一步，將手機連結到計算機，並調到開發者模式： 第二步，開啟Android Studio左上角file→open選擇專案檔案（注意選擇專案下面的Android檔案）如下圖： 點選OK，載入專案，載入完成後，如下圖操作： 此時，專案已經成功安裝在真機上，但是，

使用WebStorm開發React-native之基礎

ttr regexp 渲染 hang reg 路徑 tostring png text 配置問題： （1）找不到SDK路徑，或者沒有SDK對應的版本：SDK必須是android-23才可以(更新SDK) 解決方法：環境變量，必須設置Android_HOME

React Native 專案整合 CodePush 全然指南

作者 | 錢凱 杏仁移動開發project師，前嵌入式project師。關注大前端技術新潮流。 本文使用的環境： [email protected] React [email protected]

expo搭建react-native專案

react-native官網中推薦開發使用expo去開發和真機啟動專案。 在專案中可以使用expo的腳手架expo-cli去搭建，也可以使用create-react-native-app 腳手架去搭建。部落格中使用的後者。前者可以參考官網 Get Started 全域性安裝腳手架