使用WebStorm编写RN程序,尤其是写JSX语法部分时候,对于刚刚接触RN开发的我来说是很?的,代码提示真的很不友好,写习惯了iOS代码,对Xcode友好的提示产生了一种依赖感,然而还是社区大牛多,提供了一个RN代码提示辅助工具:
ReactNative-LiveTemplate
地址:
根据文档中的提示,需要将ReactNative.xml复制~/Library/Preferences/WebStorm11/templates目录下。
注意点:
1、需要查询自己电脑安装WebStorm目录版本
2、安装完后重启WebStorm
此处存在一个坑:
如果在终端中通过cp命令,将文件拷贝到指定目录后,重启WebStorm会发现Tab和回车键失效。
故最好的办法是,打开finder,快捷键shift+command+G,输入对应的WebStorm路径,在其中创建templates文件夹,复制ReactNative.xml文件到里面,重启WebStorm完美解决。
重启WebStorm,编写RN时,可以通过快捷键command+J来展示提示代码。