使用webstrom配置react native 控制臺

?歡迎關注【哎呦程序猿公眾號】，帶給你更多前端干貨！

摘要：

******安裝node

******安裝webstrom

******安裝react native命令執(zhí)行工具

******配置webstrom

第一步：根據(jù)電腦適配安裝node ?（完成后查看是否安裝正確 npm -v）

????????????????地址：https://nodejs.org/en/

第二步：安裝WebStorm

? ? ? ? ? ? ? ? 地址：http://www.jetbrains.com/webstorm/

第三步：安裝react native命令行工具（npm install -g react-native-cli）

第四步：配置webstrom

? ? ? ? ? ? ? ?1. JavaScript language version配置為 React JSX

JavaScript language version配置為 React JSX

2.安裝react和react-native兩個庫：

react庫
react-native庫

3.下載React Native智能提示插件?

? ??插件GITHUB地址?

? ?下載完畢后,解壓zip 文件,提取其中ReactNative.jar文件至?

? ? C:\Users\用戶名\.WebStorm2017.3\config\plugins中即可?

? ? 然后打開WebStorm 點擊?file?->?import settings?->?ReactNative.jar

下載rn智能提示插件

4.下載React Native Console 插件（打開WebStorm,選擇File->settings-> Plugins----Browse repositories...---- 輸入React native console---install）

下載React Native Console 插件

安裝完成會出現(xiàn)下面的控制版面

最終效果
最后編輯于 ：
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容