![](/img/trans.png)
[英]How to disable eslint(prettier/prettier) single quotes error
[英]How can I disable the error (prettier/prettier) on eslint?
在編碼時,我沒有使用 eslint。 現在我安裝了它,它讓我的編輯器充滿了更漂亮/更漂亮的錯誤,這看起來絕不會讓我的代碼更漂亮。 我正在尋找解決此問題的方法。
漂亮的rc.js:
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>
);
}
}
我只是想消除這個錯誤,因為有成千上萬的紅點想讓我的代碼“更漂亮”是很煩人的,而這並沒有實現。
您可以在eslintrc.js 配置文件中禁用 prettier,而不是禁用文件的 linting:
module.exports = {
root: true,
extends: '@react-native-community',
rules: {
'prettier/prettier': 0,
},
};
嘗試將此添加到文件的頂部:
/* eslint-disable */
為了在同時使用 prettier 和 eslint 時消除沖突規則,有一個eslint-config-prettier
prettier package。
運行npm install --save-dev eslint-config-prettier
進行安裝,然后在eslintrc.js
(或任何你定義了 eslint 規則的地方)添加:
{
"extends": [
...,
"@react-native-community",
"prettier"
]
}
現在 eslint 應該尊重更漂亮的規則。 這是 GH repo 的鏈接。
這對我有用
module.exports = {
rules: {
"no-console": "on",
}
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.