webStorm开发react-native(一)—— 环境配置

webstorm是鄙人比较喜欢的一款编译器。近来一直在用atom+nuclide的开发模式,很喜欢atom。因为它简洁轻量,想换webstorm开发也是因为atom的简洁轻量。

1、下载安装webStorm

从官网即可下载最新的webstorm。
传送门:下载地址;

我选择了用license server的方式去破解webstorm。

不知道的童鞋请自行百度。

2、对webstorm的简单配置

首先,看中webstorm的就是其强大的自动补全功能,作为一枚iOS程序员,自然感觉比xcode是差了不止一点(原谅我的无知)。

打开 WebStorm,在Preferences -> Language&FrameWorks -> JavaScript -> Libraries 中点击Download ,找到React和ReactNative下载,然后选中新添加的两项执行Apply->OK 。自动补全功能就好了,具体如下图:

webStorm开发react-native(一)—— 环境配置_第1张图片
选择插件
webStorm开发react-native(一)—— 环境配置_第2张图片
下载完成后的状态

当然,有兴趣的可以在网上搜一下ReactNative-LiveTemplate的用法,也是一个RN的自动补全插件。

经过如上的配置,基本的编码已经可以进行了。

那么对于强迫症的患者而言,那一串黄色警告是在太碍眼。

于是乎,我只能把它强行关闭:

(治标不治本,但舒服多了)

webStorm开发react-native(一)—— 环境配置_第3张图片
项目配置

在右下角有个按钮,点击之后右下角弹出一个对话框,有个类似于蓝色超链接的东西。点一下就出来了。然后,设置unresolved 那个蓝色的东东勾去掉。

就ok了。

然后!!

愉快的编码吧!!

你可能感兴趣的:(webStorm开发react-native(一)—— 环境配置)