typescript - VSCode，更漂亮和TSLint : formatOnSafe messes up auto sort of imports

我正在使用TypeScript构建React应用程序。我的编辑器是VSCode。我使用漂亮和TSLint来保持代码干净。

由于我安全地进行了一些漂亮的项目，使自动导入变得困惑:

保存之前:


保存后:


我不知道为什么现在会发生这种情况，但这绝对是由更漂亮的原因引起的(没有漂亮的测试就不会发生)。

我的VSCode设置是:

"editor.formatOnSave": true,
"editor.formatOnType": false,
"prettier.tslintIntegration": true,
"tslint.autoFixOnSave": false,

这是我的TSLint设置(tslint.json):

{
  "extends": [
    "tslint:recommended",
    "tslint-eslint-rules",
    "tslint-react",
    "tslint-config-prettier"
  ],
  "jsRules": {},
  "rules": {
    "interface-name": false,
    "jsx-no-lambda": false,
    "quotemark": [true, "single", "jsx-double"]
  }
}

这可能是什么原因？我以前在其他项目中使用过这些设置，并且它们不会弄乱(即使我现在重新访问它们也很安全)。另外，只有进口情况搞砸了，除此之外，更漂亮的产品效果很好。

最佳答案

尝试将.prettierrc文件添加到项目的根目录，然后向其中添加以下内容:

{
  "singleQuote": true
}

我在Angular + Typescript中也遇到了类似的问题，这似乎是由Prettier中的singleQuote选项引起的。 VS Code Prettier扩展具有一个选项，可以设置首选的引用样式，但是在这种情况下，它似乎并不遵守。

关于typescript - VSCode，更漂亮和TSLint : formatOnSafe messes up auto sort of imports，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53830545/