web-dev-qa-db-ja.com

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

Vue Component.vueファイルに対してFormat Documentコマンドを実行すると、VSCodeはすべての単一引用符付き文字列を二重引用符付き文字列に置き換えます。

私の特定のケースでは、このルールはシングルクォートを必要とするelectron-vue lint構成と矛盾しています。

きれいな拡張機能がインストールされていません（設定にprettier.singleQuoteがありません）

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

visual-studio-codevscode-settings
52
attdona

私はprettier拡張機能をインストールしていませんが、 重複の可能性 の回答を読んだ後、ユーザー設定に最初から追加しました（UserSetting.json、Ctrl +、ショートカット）：

"prettier.singleQuote": true

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

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

88
attdona

さて、言及した男（@ user2982122）のようですが、Fileの代わりにCode->環境設定->設定、次にQuoteを探し、Prettierそして両方のボックスをチェックします

enter image description hereenter image description here

37
mustapha mekhatria

@attdonaで述べたように、Vetur拡張機能にはきれいなものが含まれています。

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

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

vscode vetur settings

6
Richard Banks

私のような初心者向け：

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

6
user2982122

私はTypeScriptを使用していますが、私にとっては、きれいな設定（vscode設定）で「Tslint統合」フラグをチェックすることで解決しました：

vscode settings for prettier, fixing double quote auto formatting issue

5
bruddha

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

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

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

この拡張機能を使用します。

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

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

0
Chawki

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

"javascript.preferences.quoteStyle": "single"
0
mperk