WebStorm 配置 React Native

WebStorm简介:

1、WebStorm 是需要付费使用的，只有 30 天的试用期。

2、WebStorm 的界面与Android Studio 相似。

1、设置.js文件中支持react-native语法高亮

React Native 是基于 React 的，而 React 使用的是 JSX 语法，使用 WebStorm 开发 React Native 之前，先需要设置支持的 Javascript 语法。

设置方法，File->Settings->Languages&Frameworks->JavaScript

选择 React JSX ，如 红框选中,点击OK。

2、设置.js文件中支持react-native语法高亮

设置方法，File->Settings->Languages&Frameworks->JavaScript->Libraries->Download
在列表中找到react和react-native，Download and Install， 如下图所示，点击OK。

3、设置React Native智能提示

github有一个开源的插件： ReactNative-LiveTemplate，先下载到本地。

下载地址： https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

file -> import settings -> ReactNative.jar  

点击OK后，重启Webstorm生效。