Question

每次运行'create-react-app'时，我的初始化项目都使用2而不是4个缩进空格。如何自动转换为4个标签？

我正在使用Atom作为文本编辑器。在'config.cson'下，标签长度始终设置为4.

Answer 1

没有办法告诉create-react-app使用4个空格而不是2来缩进。这是React的创建者已标准化的样式。

您可以做的最好的事情是进行全局搜索，并在源文件中替换两个空格，并将其替换为四个空格。

Answer 2

我添加了一个 .eslintrc （在项目根文件夹中，但是它可能位于./src中，因为使用的eslint设置是那些更接近被删除的内容），并遵循以下规则-这些parser / parserOption规则似乎变化很快）。 https://eslint.org/docs/rules/indent

{
    "parser": "babel-eslint",
    "parserOptions": {
        "ecmaVersion": 2018,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    },
    "rules": {
        "indent": ["error", 4, { "SwitchCase": 1 }]
    }
}

然后，我运行以下命令：eslint ./src/ --fix

基本上，我将覆盖create-react-app默认附带的任何嵌套/隐藏eslint设置。我使用的是VSCode，发现必须重新打开文件才能显示更改（使用缩进指南等视觉助手）。

注意：为添加“ SwitchCase”进行了编辑。到目前为止，没有此限制的情况下，根据 create-react-app 的默认值，案例在switch语句中（与关键字“ switch”位于同一列中）不会缩进。如果愿意，您可以在“缩进”数组中忽略该多余的对象。

Answer 3

不确定create-react-app具体但这应该有助于配置你的缩进app wide

http://editorconfig.org/

您可以选择您的编辑器并对项目进行必要的配置更改，以维护公共间距和标识项目 - 无论谁使用哪个编辑器。

为什么'create-react-app'总是给我2个而不是4个缩进空间？

3 个答案: