React Native代码提示工具

本文介绍如何使用ReactNative-LiveTemplate提高WebStorm中React Native项目的开发效率,包括配置步骤及常见问题解决方法。

使用WebStorm编写RN程序,尤其是写JSX语法部分时候,对于刚刚接触RN开发的我来说是很?的,代码提示真的很不友好,写习惯了iOS代码,对Xcode友好的提示产生了一种依赖感,然而还是社区大牛多,提供了一个RN代码提示辅助工具:

ReactNative-LiveTemplate

地址:github.com/virtoolsweb…


根据文档中的提示,需要将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来展示提示代码。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值