webStorm开发react-native(一)——|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(一)——|webStorm开发react-native(一)—— 环境配置
文章图片
选择插件 webStorm开发react-native(一)——|webStorm开发react-native(一)—— 环境配置
文章图片
下载完成后的状态 当然,有兴趣的可以在网上搜一下ReactNative-LiveTemplate的用法,也是一个RN的自动补全插件。
经过如上的配置,基本的编码已经可以进行了。
那么对于强迫症的患者而言,那一串黄色警告是在太碍眼。
于是乎,我只能把它强行关闭:
(治标不治本,但舒服多了)
webStorm开发react-native(一)——|webStorm开发react-native(一)—— 环境配置
文章图片
项目配置 在右下角有个按钮,点击之后右下角弹出一个对话框,有个类似于蓝色超链接的东西。点一下就出来了。然后,设置unresolved 那个蓝色的东东勾去掉。
就ok了。
然后!!
【webStorm开发react-native(一)——|webStorm开发react-native(一)—— 环境配置】愉快的编码吧!!

    推荐阅读