
1.WebStorm设置JSX语言,打开WebStorm设置偏好,将ECMAScript6切换成JSX Harmony ,点击Apply,OK即可。

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

需要下载
react-autosuggest
react-bootstrap
react-bootstrap-daterangepicker
react-bootstrap-table
react-calendar-timeline
react-cropper
react-datagrid
react-datepicker
react-day-picker
react-dnd
react-dropzone
react-fa

下载完成,点击Apply,OK

3.添加智能提示效果,先到Github下载ReactNative-LiveTemplate,在WebStorm-->File里面引用在Github下载的ReactNative.jar

4.最终效果

网友评论