Visual Studio CodeのTypeScriptで作業する場合、タイプのインポート提案(スペース+ピリオドでトリガーされる)は、二重引用符を使用してインポートを生成します。
TypeScriptリンターは、可能な場合は一重引用符が使用されていることを確認します。
以下に示すように、提案には二重引用符が含まれています( "@ angular / ...")

インポートの設定を調整するにはどうすればよいですか?
回答:
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
"typescript.preferences.quoteStyle": "single"
vscodeユーザー設定で以下の行を構成して、この設定を調整することもできます。
"prettier.singleQuote": true
Editor configを使用して、プロジェクトのルートディレクトリにある.editorconfigファイルを開き(ない場合はそのファイルを作成します)、[*]の後にこの行を追加することを修正しました。
[*]
...
quote_type = single
ではウィキあなたは、プロパティの完全なリストを見ることができます。
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."
},
この構成をサポートする代替手段はTypeScriptToolboxです。
を設定することで構成できます。これにはgenGetSet.pathStringDelimiter、デフォルトとしてすでに一重引用符のインポートがあります。
genGetSet.spacedImportLine新しいインポート行import { Router }....がデフォルトの代わりに見えるように設定も指摘する価値がありますimport {Router}...
「ファイル>設定>設定」に移動し、ユーザー設定の下にこれを追加します。
"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"
// 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.
TypeScript 2.5以降、ファイル内の最初のインポートまたはエクスポートステートメントがスキャンされ、インポートの提案を使用するときに一重引用符または二重引用符が使用されているかどうかが判断されます。
vscodeユーザー設定で以下の行を構成して、文字列で一重引用符を使用できるようにすることもできます。
[設定]> [ユーザー設定]に移動します
"prettier.singleQuote": true
これにより、文字列で一重引用符を使用できます。それ以外の場合、すべての二重引用符を手動で一重引用符に変更すると、保存中に元に戻ります。また、追加します
"tslint.autoFixOnSave": true
保存中に自動修正します。
これはすでに実装されています(別の返信で言及されているように)!ただし、TypeScriptの最新バージョンをまだ使用していない可能性があります。
解決策は簡単です:
「TypeScript」と右下隅の小さなスマイリーフェイスの間にあるTypeScriptバージョン番号(たとえば2.3.4)をクリックします。次に、Visual Studio Codeの組み込みバージョン(現時点では2.5.3)に切り替えます。
この後、Visual Studioコードは、最初のインポートステートメントを見てインポート見積もりスタイルを推測します。とにかく、小さなポップアップラベルには引き続き二重引用符が表示されることに注意してください。
これにより、コード修正によって追加された新しいインポートに一重引用符を使用するか二重引用符を使用するかを決定する機能が追加されます。新しいインポートが追加されると、ソースファイルの最上位のステートメントをスキャンして、モジュール指定子を使用した既存のインポートまたはエクスポート宣言を探します。次に、最初に見つけた引用スタイルを使用します。ファイルに既存のインポートがない場合は、二重引用符を使用することにフォールバックします。
上記の解決策は私にはうまくいきませんでした
あなたがvscodeを使用してだからここに私の仕事は、周りにある、"tslint.autoFixOnSave":で真のあなたのsettings.jsonファイルを保存するときに自動的にこれらの輸入相場を修正します。
Unknown Configuration Setting