使用webstrom配置react native 控制台

 欢迎关注【哎呦程序猿公众号】，带给你更多前端干货！

摘要：

******安装node

******安装webstrom

******安装react native命令执行工具

******配置webstrom

第一步：根据电脑适配安装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 插件

安装完成会出现下面的控制版面

最终效果