WebStorm 开发配置

1. require黄线问题

图1.png

配置：
File->Settings...->Lanaguages & Frameworks -> JavaScript -> Libraries -> Add...

图2.png

按图2填写，点击ok，效果图3所示，点击ok即可。

图3.png

2. 设置代码缩进

File -> Settings... -> Editor -> Code Style -> JavaScript，设置数据如下

图3.png

3. 代码提示插件

ReactNative-LiveTemplate
file -> import settings -> ReactNative.jar

4. 设置JavaScript模板

File -> Settings... -> Editor -> File and Code Templates -> Files -> JavaScript File，设置模板内容为

import React, { PureComponent } from 'react';
import {
    StyleSheet,
    View
} from 'react-native';

/**
 * @FileName: ${NAME}
 * @Author: ${USER} 
 * @Date: ${DATE}
 * @Description: ${CONTENT}
 */
class ${NAME} extends PureComponent {
    render() {
        return(
            
            
            
        )
    }
}

/**
 * 样式属性
 */
const styles = StyleSheet.create({
    container: {
        backgroundColor: '#DDD'
    }
});

/**
 * 导出当前Module
 */
module.exports = ${NAME};

5. 自定义注释

File -> Settings... -> Editor -> Live Templates -> JavaScript， 点击右侧加号，

/**
 * 
 * @author mazaiting
 */

图4.png

使用： Windows下Ctrl+J，调出快捷输入框，选择对应的即可