VSCode pojedyncze lub podwójne cudzysłowy automatyczne zastępowanie

Kiedy Format Documentwykonuję polecenie na pliku Vue Component.vue, VSCode zamienia wszystkie pojedyncze cudzysłowy ciągów na ciąg w podwójnych cudzysłowach.

W moim konkretnym przypadku ta reguła jest sprzeczna z konfiguracją elektronowo-vue lint, która wymaga pojedynczego cudzysłowu.

Nie mam zainstalowanych ładniejszych rozszerzeń (nie prettier.singleQuotew moim ustawieniu)

Jak dostosować VSCode, aby tego uniknąć?

Nie mam prettierzainstalowanego rozszerzenia, ale po przeczytaniu możliwej podwójnej odpowiedzi dodałem od zera w ustawieniach użytkownika ( UserSetting.json, Ctrl +, skrót):

"prettier.singleQuote": true

Część zielonego ostrzeżenia ( Unknown configuration setting) pojedyncze cudzysłowy nie są już zastępowane.

Podejrzewam, że ładniejsze rozszerzenie nie jest widoczne, ale jest osadzone w rozszerzeniu Vetur .

Cóż, jak facet (@ user2982122) wspomniano ale zamiast pliku idź do kodeksu -> Preferencje -> Ustawienia, a następnie szukać cytując wybierz ładniejsza i sprawdzić oba pola

W przypadku projektów, które .editorconfigdomyślnie używają pliku. Formater zignoruje reguły w ustawieniach i użyje reguł w .editorconfig, wtedy możesz:

• Usuń .editorconfigplik i użyj ustawień VSCode.
• Dodaj quote_type = singledo .editorconfigpliku dotyczące typu pliku. Możesz również ustawić quote_typewartość na doublelub auto.

Wygląda na to, że jest to błąd związany z tym problemem: Ładniejszy błąd

Żadne z powyższych rozwiązań nie zadziałało. Jedyną rzeczą, która zadziałała, było dodanie tej linii kodu w pliku package.json:

"prettier": {
    "singleQuote": true
  },

Ze strony wydania vuejs / vetur https://github.com/vuejs/vetur/issues/986# To rozwiązanie zadziałało dla mnie.

W settings.jsonpliku VSCodes dodaj ten wpis

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true
    }
},

proszę rozważyć .editorconfignadpisanie wszystkiego, użyj:

[*]
quote_type = single

Prawidłowe rozwiązanie:

Dodaję plik .prettierrc.js w moim głównym projekcie głównym i piszę

module.exports = {
    singleQuote: true
  };

Dla początkujących takich jak ja:

Z menu Pasek nawigacji u góry: Wybierz Plik -> Preferencje -> Ustawienia. W polu tekstowym wyszukiwania wpisz Cytuj. Na przefiltrowanej liście, która pojawi się poniżej, poszukaj ikony koła zębatego, a obok niej - „Ładniejsze”. Kliknij pole wyboru, aby włączyć opcję „Ładniejsze: pojedyncze cudzysłowy”

Zainstaluj ładniejsze rozszerzenie i wklej poniższy kod do settings.jsonpliku VSCode

 "prettier.useEditorConfig": false,
 "prettier.singleQuote": true

spowoduje to zignorowanie .editorconfigustawienia pliku.

Jak zauważył @attdona, rozszerzenie Vetur zawiera ładniejsze.

Chociaż możesz zmienić ładniejsze ustawienia, zgodnie z zaakceptowaną odpowiedzią, możesz także zmienić formater dla określonych regionów komponentu vue.

Tutaj, na przykład, ustawiłem Vetur, aby używał programu formatującego vscode, ponieważ domyślnie używa pojedynczych cudzysłowów:

Używam maszynopisu, problem został rozwiązany przez zaznaczenie flagi „Integracja Tslint” w ładniejszych ustawieniach (w preferencjach vscode):

Miałem ten sam problem w vscode. Po prostu utwórz plik .prettierrc w katalogu głównym i dodaj następujący plik json. W przypadku pojedynczych cudzysłowów dodaj:

{
  "singleQuote": true
}

W przypadku cudzysłowów dodaj:

  {
      "singleQuote": false
  }

Wypróbuj jedno z tych rozwiązań

1. W pliku vscode settings.json dodaj ten wpis "prettier.singleQuote": true
2. W vscode, jeśli masz .editorconfigplik, dodaj tę linię pod symbolem root [*]quote_type = single
3. W vscode, jeśli masz .prettierrcplik, dodaj tę linię

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Jest jedyne rozwiązanie, które działało dla mnie: i tylko dla Angular Projects:

Po prostu przejdź do pliku projektu „.editorconfig” i wklej „quote_type = single”. Mam nadzieję, że to powinno zadziałać również dla Ciebie.

Dodałem plik o nazwie .prettierrcw folderze mojego projektu. Zawartość pliku:

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Możesz tego użyć w settings.json

"javascript.preferences.quoteStyle": "single"

Użyj tego rozszerzenia.

https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes

cmd '(ctrl' na win / Linux) będzie przełączać się między '"`

Do użycia JSX:

{"jsxSingleQuote": false}

W moim przypadku działa sprawdzanie pojedynczego cudzysłowu w Prettier oraz tslint.autoFixOnSave jako true