如何在 vscode 中禁用 prettier 排序导入顺序

Question

.prettierrc 如下所示

{
  "arrowParens": "always",
  "bracketSameLine": false,
  "bracketSpacing": true,
  "embeddedLanguageFormatting": "auto",
  "endOfLine": "lf",
  "htmlWhitespaceSensitivity": "css",
  "insertPragma": false,
  "jsxSingleQuote": false,
  "proseWrap": "preserve",
  "quoteProps": "as-needed",
  "requirePragma": false,
  "tabWidth": 2,
  "trailingComma": "es5",
  "useTabs": false,
  "vueIndentScriptAndStyle": false,
  "singleQuote": true,
  "printWidth": 120,
  "semi": false
}

我认为这个配置文件在 vscode 中工作（我测试 semi 为 true，然后 prettier 每行添加分号），但问题是 prettier 在所有文件中更改导入顺序，例如，

当我跑得更漂亮时，情况发生了变化

import Test from 'renewal/features/test'
import type { FC } from 'react'

const App: FC = () => {
  return <div><Test /></div>
}

export default App

对此

import type { FC } from 'react'
import Test from 'renewal/features/test'

const App: FC = () => {
  return <div><Test /></div>
}

export default App

导入顺序更改为字母顺序。在 Webstorm 中，这种情况没有发生 如何禁用此功能？

Answer 1

"editor.codeActionsOnSave": {
  "source.fixAll": "explicit",
   // "source.sortImports": "explicit"
},

我现在有同样的问题，我已经通过注释source.sortImportsVSCode 打开用户设置文件中的属性解决了它（Command+P -> >打开用户设置）

我相信它会对你有所帮助！