VSCode一重引用符から二重引用符の自動置換

Format DocumentVue Component.vueファイルでコマンドを実行すると、VSCodeはすべての一重引用符で囲まれた文字列を二重引用符で囲まれた文字列に置き換えます。

私の特定のケースでは、このルールは、シングルクォートを必要とするエレクトロニックビューリント構成と競合します。

私はよりきれいな拡張機能をインストールしていません（prettier.singleQuote私の設定にはありません）

これを回避するためにVSCodeをカスタマイズする方法は？

私は持っていけないprettier拡張機能がインストールされていますが、読んだ後に重複する可能性の答えを私は私のユーザー設定（スクラッチから追加したUserSetting.json、Ctrlキー+、ショートカット）：

"prettier.singleQuote": true

緑の警告（Unknown configuration setting）の一部は、一重引用符で置き換えられなくなりました。

きれいな拡張機能は表示されていませんが、Vetur拡張機能の中に埋め込まれていると思います。

まあ、男のように（@ user2982122）は述べたが、代わりにファイルへ行くコード- >設定- >設定は、その後、探し引用、選択きれいにし、両方のチェックボックスをオン

.editorconfigデフォルトでファイルを使用するプロジェクトの場合。フォーマッタは設定のルールを無視し、のルールを使用します.editorconfig。その後、次のいずれかを実行できます。

• .editorconfigファイルを削除し、VSCode設定を使用します。
• ファイルタイプに関してファイルに追加quote_type = singleし.editorconfigます。quote_type値をdoubleまたはに設定することもできますauto。

この問題で未解決のバグのようです：Prettier Bug

上記の解決策はどれも私にはうまくいきませんでした。 動作したのは、package.jsonに次のコード行を追加することだけでした。

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

vuejs / veturの問題ページからhttps://github.com/vuejs/vetur/issues/986# この解決策は、私にとってはうまくいきました。

VSCodessettings.jsonファイルにこのエントリを追加します

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

.editorconfigすべてを上書きすることを検討してください、使用してください：

[*]
quote_type = single

正しい解決策：

メインルートプロジェクトに.prettierrc.jsファイルを追加して書き込みます

module.exports = {
    singleQuote: true
  };

私のような初心者の場合：

上部のメニューナビゲーションバーから：[ファイル]-> [設定]-> [設定]を選択します。検索テキストボックスに「見積もり」と入力します。下に表示されるフィルタリングされたリストで、歯車のアイコンを探し、その横にある「きれい」を探します。チェックボックスをクリックして、「よりきれい：一重引用符」を有効にします

よりきれいな拡張機能をインストールし、VSCodesettings.jsonファイルに以下のコードを貼り付けます

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

これは.editorconfigファイル設定を無視します。

@attdonaが指摘しているように、Vetur拡張機能にはよりきれいなものが含まれています。

受け入れられた回答に従って、よりきれいな設定を変更できますが、vueコンポーネントの特定の領域のフォーマッターを変更することもできます。

ここでは、たとえば、デフォルトで一重引用符を使用するため、vscode-typescriptフォーマッターを使用するようにVeturを設定しました。

私はtypescriptを使用していますが、（vscodeプリファレンスの）よりきれいな設定で「Tslintintegration」フラグをチェックすることで解決しました：

vscodeでも同じ問題が発生しました。ルートディレクトリに.prettierrcファイルを作成し、次のjsonを追加するだけです。 一重引用符の場合は、次を追加します。

{
  "singleQuote": true
}

二重引用符の場合は、次を追加します。

  {
      "singleQuote": false
  }

これらのソリューションのいずれかを試してください

1. vscodesettings.jsonファイルにこのエントリを追加します "prettier.singleQuote": true
2. vscodeで.editorconfigファイルがある場合は、ルート[*]記号の下にこの行を追加しますquote_type = single
3. .prettierrcファイルがある場合はvscodeで、この行を追加します

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

私のために働いた唯一の解決策があります：そしてAngularプロジェクトのためだけに：

プロジェクトの「.editorconfig」ファイルに移動して、「quote_type = single」を貼り付けるだけです。それがあなたにもうまくいくことを願っています。

.prettierrcプロジェクトフォルダに呼び出されたファイルを追加しました。ファイルの内容：

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

これはsettings.jsonで使用できます

"javascript.preferences.quoteStyle": "single"

この拡張機能を使用してください。

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

cmd '（win / Linuxではctrl'）は '' "`の間を循環します

JSXで使用する場合：

{"jsxSingleQuote": false}

Prettierで一重引用符をチェックし、tslint.autoFixOnSaveをtrueとしてチェックすることは私にとってはうまくいきます