typescript - Visual Studio Code - Juster innstilling for import-anførselstegn

Når du arbeider med TypeScript i Visual Studio Code, vil importforslaget på en type (utløst av mellomrom + punktum) generere en import som bruker doble anførselstegn.

Vår TypeScript-linter sjekker at enkeltanførselstegn brukes der det er mulig.

Som du kan se nedenfor, har forslaget doble anførselstegn ("@angular/...")

Hvordan kan jeg justere innstillingen for importen?

Svar #1

"typescript.preferences.quoteStyle": "single"

For mer info se:

https://code.visualstudio.com/updates/v1_24#_preferences-for-auto-imports-and-generated-code

Svar #2

Du kan også konfigurere linjen nedenfor i dine VSCode-brukerinnstillinger for å justere denne innstillingen.

"prettier.singleQuote": true

Svar #3

Jeg fikset det ved å bruke Editor config, åpne din .editorconfig-fil i prosjektets rotkatalog (hvis du ikke har, opprett den filen) og legg til denne linjen etter [*]

[*]
...
quote_type = single

I wikien kan du se den komplette listen over egenskaper.

Svar #4

Fra og med VS Code 1.21.1 må du redigere

/usr/share/code/resources/app/extensions/typescript-basics/snippets/typescript.json

I Windows

/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/typescript-basics/snippets/typescript.json.

I Windows 10 (vscode-versjon 1.30.* (brukeroppsett) senere)

*C:\Users\\AppData\Local\Programs\Microsoft VS Codeesources\app\extensions\typescript-basics\snippets\typescript.json

I delen 'Importer ekstern modul' i den filen, gjør body-array-egenskapen til verdien "import { $0 } from '"$ {1:module}";" Seksjonen vil da se slik ut:

"Import external module.": {
    "prefix": "import statement",
    "body": [
        "import { $0 } from '${1:module}';"
    ],
    "description": "Import external module."
},

Relaterte artikler