Visual StudioCode-インポート見積もり設定を調整します


85

Visual Studio CodeのTypeScriptで作業する場合、タイプのインポート提案(スペース+ピリオドでトリガーされる)は、二重引用符を使用してインポートを生成します。

TypeScriptリンターは、可能な場合は一重引用符が使用されていることを確認します。

以下に示すように、提案には二重引用符が含まれています( "@ angular / ...") 二重引用符で提案をインポートします

インポートの設定を調整するにはどうすればよいですか?


回答:


87

VSCode 1.10の時点では、これは(残念ながら)まだ不可能です。しかし、それは見たところ多くのユーザーにとっての問題です。VSCodeテーマはこの問題を認識しており、これに従って実装される時期を知ることができます:https//github.com/Microsoft/TypeScript/issues/13270


2018年6月の更新

VSCode 1.24(2018年6月)以降、これにはオプションがあります!

"typescript.preferences.quoteStyle": "single"

詳細については、以下を参照してください。

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


22
"typescript.preferences.quoteStyle": "single"
ニコ

7
これは私には効果がないようです。提案やスニペットからはまだ二重引用符が付いています。
ジョン・クヌープ

すべてpossiblesレベル(ユーザー、ワークスペース、プロジェクト)に変更し、まだ二重引用符:(持って、私には同じ
Kostanos

2人が使用している言語はわかりませんが、javascriptとtypescriptには別々の設定があります。同じことを考えていましたが、typescriptではなくjavascriptコード設定を設定しました。
GhostBytes

53

vscodeユーザー設定で以下の行を構成して、この設定を調整することもできます。

"prettier.singleQuote": true

3
きれいには、拡張子ではなく、すべての人の使用それである
caub

1
人々があなたがPrettierを持っている、または使いたいと思っていることにイライラします。誰かが「Prettierをどうやって使うのか」と聞かない限り、彼らが持っていると仮定して答えないのが最善だと思います。
ツァーリボンバ

@TsarBombaその通りです。この設定では、見積もりを調整するためにPrettier拡張が必要です。marketplace.visualstudio.com/...
abdllhbyrktr

15

Editor configを使用して、プロジェクトのルートディレクトリにある.editorconfigファイルを開き(ない場合はそのファイルを作成します)、[*]の後にこの行を追加することを修正しました

[*]
...
quote_type = single

ではウィキあなたは、プロパティの完全なリストを見ることができます。


賛成。変更を、作業中のプロジェクトとグローバルにのみ制限します。追記:VS Code再起動して、変更を有効にします。
EdSF 2018

コメントするだけですが、VS Codeでは、そのプロジェクトに固有のワークスペース設定を設定することもできます。これにより、ファイル内の他の場所で他のタイプを使用する場合に、特にインポートで一重引用符または二重引用符を使用できます。.editorconfigの変更は、プロジェクト全体に適用されます。
Cruril

12

VS Code 1.21.1以降、編集する必要があります

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

Windowsの場合

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

Windows 10の場合(vscodeバージョン1.30。*(ユーザーセットアップ)以降)

* C:\ Users \ <yourusername> \ AppData \ Local \ Programs \ Microsoft VS Code \ resources \ app \ extension \ typescript-basics \ snippets \ typescript.json

そのファイルの「外部モジュールのインポート」セクションで、body配列プロパティを値にします"import { $0 } from '${1:module}';"。セクションは次のようになります。

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

1
この解決策は私のために働いた。文字通りすべてを試しましたが、これだけで修正されました。
ソーサ

8

この構成をサポートする代替手段はTypeScriptToolboxです。

を設定することで構成できます。これにはgenGetSet.pathStringDelimiter、デフォルトとしてすでに一重引用符のインポートがあります。


2
これをありがとう!genGetSet.spacedImportLine新しいインポート行import { Router }....がデフォルトの代わりに見えるように設定も指摘する価値がありますimport {Router}...
FLGMwt 2017年

1
上記の答えとコメントはどちらも素晴らしい情報です!2人ありがとう!
クリスボイド

7

「ファイル>設定>設定」に移動し、ユーザー設定の下にこれを追加します。

"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"

私のために働く、ありがとう!ところで、これらのオプションを提示するデフォルト設定へのリンクを追加できます:code.visualstudio.com/docs/getstarted/settings// Preferred quote style to use for quick fixes: 'single' quotes, 'double' quotes, or 'auto' infer quote type from existing imports. Requires using TypeScript 2.9 or newer in the workspace.
Mosh Feu 2018


2

vscodeユーザー設定で以下の行を構成して、文字列で一重引用符を使用できるようにすることもできます。

[設定]> [ユーザー設定]に移動します

"prettier.singleQuote": true

これにより、文字列で一重引用符を使用できます。それ以外の場合、すべての二重引用符を手動で一重引用符に変更すると、保存中に元に戻ります。また、追加します

"tslint.autoFixOnSave": true

保存中に自動修正します。


1

これはすでに実装されています(別の返信で言及されているように)!ただし、TypeScriptの最新バージョンをまだ使用していない可能性があります。

解決策は簡単です:

「TypeScript」と右下隅の小さなスマイリーフェイスの間にあるTypeScriptバージョン番号(たとえば2.3.4)をクリックします。次に、Visual Studio Codeの組み込みバージョン(現時点では2.5.3)に切り替えます。

この後、Visual Studioコードは、最初のインポートステートメントを見てインポート見積もりスタイル推測します。とにかく、小さなポップアップラベルには引き続き二重引用符が表示されることに注意してください。

バグレポート

関連するプルリクエスト

これにより、コード修正によって追加された新しいインポートに一重引用符を使用するか二重引用符を使用するかを決定する機能が追加されます。新しいインポートが追加されると、ソースファイルの最上位のステートメントをスキャンして、モジュール指定子を使用した既存のインポートまたはエクスポート宣言を探します。次に、最初に見つけた引用スタイルを使用します。ファイルに既存のインポートがない場合は、二重引用符を使用することにフォールバックします。


0

上記の解決策は私にはうまくいきませんでした

あなたがvscodeを使用してだからここに私の仕事は、周りにある、"tslint.autoFixOnSave":で真のあなたのsettings.jsonファイルを保存するときに自動的にこれらの輸入相場を修正します。


言うUnknown Configuration Setting
EdgarQuintero19年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.