Javascript 如何禁用eslint上的错误(更漂亮/更漂亮)?
在编写代码时,我没有使用eslint。现在我安装了它,它让我的编辑器充斥着更漂亮/更漂亮的错误,这些错误似乎根本不会让我的代码更漂亮。我正在寻找解决这个问题的方法 prettierrc.js:Javascript 如何禁用eslint上的错误(更漂亮/更漂亮)?,javascript,react-native,atom-editor,eslint,eslintrc,Javascript,React Native,Atom Editor,Eslint,Eslintrc,在编写代码时,我没有使用eslint。现在我安装了它,它让我的编辑器充斥着更漂亮/更漂亮的错误,这些错误似乎根本不会让我的代码更漂亮。我正在寻找解决这个问题的方法 prettierrc.js: module.exports = { bracketSpacing: true, jsxBracketSameLine: false, singleQuote: true, trailingComma: 'all', }; eslintrc.js: module.exports = {
module.exports = {
bracketSpacing: true,
jsxBracketSameLine: false,
singleQuote: true,
trailingComma: 'all',
};
eslintrc.js:
module.exports = {
root: true,
extends: '@react-native-community',
};
最后是一些示例代码:
import React, {Component} from 'react';
import {View, Text, Picker} from 'react-native';
import {connect} from 'react-redux';
import {employeeUpdate} from '../actions';
import {CardSection, Input} from './common';
class EmployeeForm extends Component {
render(){
return (
<View>
<CardSection>
<Input
label="Name"
placeholder="Marco"
value={this.props.name}
onChangeText={value => this.props.employeeUpdate({prop: 'name', value})}
/>
</CardSection>
<CardSection>
<Input
label="Phone"
placeholder="555-5555"
value={this.props.phone}
onChangeText={value => this.props.employeeUpdate({prop: 'phone', value })}
/>
</CardSection>
<CardSection style={{ flexDirection: 'row'}}>
<Text style={styles.pickerTextStyle}>Shift</Text>
<Picker
style={{flex: 1}}
selectedValue={this.props.shift}
onValueChange={value => this.props.employeeUpdate({prop: 'shift', value})}
>
<Picker.Item label="Monday" value="Monday" />
<Picker.Item label="Tuesday" value="Tuesday"/>
<Picker.Item label="Wednesday" value="Wednesday"/>
<Picker.Item label="Thursday" value="Thursday"/>
<Picker.Item label="Friday" value="Friday"/>
<Picker.Item label="Saturday" value="Saturday"/>
<Picker.Item label="Sunday" value="Sunday"/>
</Picker>
</CardSection>
</View>
);
}
}
import React,{Component}来自'React';
从“react native”导入{View,Text,Picker};
从'react redux'导入{connect};
从“../actions”导入{employeeUpdate};
从“/common”导入{CardSection,Input};
类EmployeeForm扩展了组件{
render(){
返回(
this.props.employeeUpdate({prop:'name',value})
/>
this.props.employeeUpdate({prop:'phone',value})
/>
移位
this.props.employeeUpdate({prop:'shift',value})
>
);
}
}
我只是想删除错误,因为让成千上万的红点让我的代码变得“更漂亮”很烦人,但这并没有实现。您可以在eslintrc.js配置文件中禁用“更漂亮”而不是禁用文件的linting:
module.exports = {
root: true,
extends: '@react-native-community',
rules: {
'prettier/prettier': 0,
},
};
您为我节省了数小时的搜索/配置时间。IntelliJ IDEA没有修复由此导致的ESLint错误。谢谢有没有办法在编译时停止错误?