VSCode上的Eslint和Prettier在React Native项目

时间:2018-09-03 09:48:15

标签: reactjs react-native visual-studio-code eslint prettier

对此问题我感到沮丧,我确实安装了eslint和ptiertier并为它们做了配置。但是我有这个问题。他们将代码中的每个空格都更改为{''}

在输入代码之前的示例

<Text style={styles.smallText}>
1 {base} = {rate} {quote} as of {moment(date).format('MMM DD, YYYY')}

皮棉之后

<Text style={styles.smallText}>
s 
{' '}

{base}
{' '}
=
{' '}
{rate} 
{' '}
{quote}
{' '}
as of
{' '}
{moment(date).format('MMM DD, YYYY')}
  </Text>

=======

我的配置是这样的: 1-运行npm install -g eslint 2-运行eslint --init 3-选择“使用流行的样式指南” 4-选择“ Airbnb” 5-您使用React吗? ÿ 6-您希望您的配置文件使用哪种格式? JSON

我的.eslintrc.json文件

    {
  "extends": "airbnb", // EXISTING
  "parser": "babel-eslint",
  "env": {
    "browser": true
  },
  "plugins": [
    "react"
  ],
  "rules": {
    "react/jsx-filename-extension": [
      2,
      {
        "extensions": [
          ".js",
          ".jsx"
        ]
      }
    ],
    "react/forbid-prop-types": [
      0
    ],
    "react/require-default-props": [
      0
    ],
    "global-require": [
      0
    ]
  }
}

7:将这些脚本添加到package.json

  "lint": "eslint app/",
  "lint:fix": "eslint app/ --fix"

8:将它们添加到我的VSCode设置中

 {
  "prettier.eslintIntegration": true,
  "editor.formatOnSave": true
}

我尝试了很多修复程序,但无法修复。 谢谢

0 个答案:

没有答案