使用 prettier 更改现有代码的缩进大小

Use prettier to change indent size of already existing code

我使用 nuxt-create CLI 生成了项目。它问我是否想要 eslint 和 prettier,我说是。然后在 .editorconfig 中,我将 index_size 更改为 4,因为我希望我的制表符为 4 个空格。

现在,当我 运行 lint 命令时,它会明显显示间距不正确的错误提示音。

我可以使用 prettier 或 eslint 来创建一个 npm 脚本,例如 npm run fix:tabs 这将为我修复整个项目中的空间(这意味着将当前的 2 个空间转换为 4 个空间*)?

*现在我只需要将 2 转换为 4; 6 变成 12; 4 到 8 等等。附带的问题是我是否可以以某种方式创建一个脚本,知道它是否需要转换。例如,如果一个文件中的空间是正确的,而另一个文件中的空间不是,那么脚本将只转换不正确的文件中的空间。

您可以在文件上使用 "prettier --write" 使它们确认更漂亮的设置。

在您的包 json 中,您将添加以下命令:

"fix:tabs": "prettier --write **/*.js"

甚至:

"fix:tabs": "prettier --write **/*.{js,ts,html}"