React Native从零开始（一）React Native编辑器配置（webstorm）

React Native从零开始（一）React Native编辑器配置（webstorm）

因为之前和现在都是在做Android开发的，网页什么的接触的也不多，所以对于编辑器的选择的话，我还是倾向于Webstorm。因为他的快捷键和使用方式跟Android Studio差不多，所以对于这种用习惯了Android Studio的人来说Webstorm还是很好的。

一、下载Webstorm

https://www.jetbrains.com/webstorm/

二、跟Android Studio一样直接打开就好，不过我们用Android Studio的话打开的是你RN项目中的android文件夹，而对于Webstorm来说我们直接打开这个文件夹就可以来运行项目了，但是有一个问题是你使用webstorm的话无法直接运行，所以接下来将告诉大家如何配置来直接像Android Studio一样能够点击按钮就能运行。

三、对于代码提示和警告的问题

有时候我们会有这样的提示

基本上我们经常会遇见这种提示

解决办法很简单，我们直接将在编辑器中设置好了就行，以后就不会出现这种问题了

1.打开Default Setting

2.对js项目进行设置

这样就不会出现那样的提示了。

我们顺便把代码提示也给完成了吧

1.这次是Setting里头的

2.我们在右侧找到

3.找到r开头的然后找到react和react-native添加安装就行了

四、运行配置

1.在最上面找到Run菜单选择当中的Edit Configurations...

2.点击加号并选择npm

3.对右侧栏进行设置，Command选择help属性，并点击加号选择Run External Tool

4.在弹出框中点击加号

5.弹出框设置

  Name随便起，就是你这个按钮的名字

    Program为react Native的路径,如果找不到的话在C盘查找一下就行

    Parameters填 run-android

    working directory该输入框中,先点击右边的insert macro,选择ProjectFileDir.

6.这个时候右上角就会出现运行按钮

7.这个时候控制台就会有数据输出并且在你的设备上运行了

8.如果要运行不同的设备中就需要在Terminal中进行命令行的输入

例：react-native run-android --simulator "SuperLw"