WebStorm用于React Native开发的相关配置

一、简单配置：

1. 打开webstorm，点击Edit Configurations

   
   
   

   WechatIMG4.jpeg

2. 终端执行which react-native，复制得到的路径
   

   

   image.png

3. 选择npm，command选择help，添加Run External tool
   

   

   image.png

4. 配置run external

• ‘Name’栏填写的是执行动作的名字
• ‘Program’栏填写之前复制的react native路径
• ‘Parameters’栏填写执行的命令，run-ios或者run-android
• ‘Working directory’栏填选择ProjectFileDir
  
  

  image.png

---

二、WebStorm开发React Native的相关插件
1.jetbrains-react,快捷代码提示: https://github.com/minwe/jetbrains-react