web-dev-qa-db-ja.com

スペースをタブに変換

私はTypeScriptHTMLファイルを書いています、そしてタブはスペースに変換されます。

設定を変更して再起動しようとしましたが、何も変わりませんでした。

私が設定した設定:

// Place your settings in this file to overwrite default and user settings.
{
    "editor.insertSpaces": false
}

私はそれをグーグルしようとしました、そして、私は私が"editor.insertSpaces": falseを加えたときに私が正しいステップをしたのを見つけました、しかしそれは私の好みを変えませんでした。

編集1:

タブは.htmlファイルでは機能するが、.tsファイルでは機能しないことがわかりました。

90
Matan Yedayev

3つの選択肢があります。

// The number of spaces a tab is equal to.
"editor.tabSize": 4,

// Insert spaces when pressing Tab.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces` will be detected based on the file contents.
"editor.detectIndentation": true

editor.detectIndentationはあなたのファイルからそれを検出します、あなたはそれを無効にしなければなりません。それでも解決しない場合は、優先順位の高い設定がないことを確認してください。たとえば、ユーザー設定に保存すると、プロジェクトフォルダにあるワークスペース設定によって上書きされる可能性があります。

更新:
これで、これらのオプションを手動で編集する代わりになります。
エディタの右下にあるセレクタSpaces:4をクリックします。
 Ln44, Col . [Spaces:4] . UTF-8 with BOM . CTRLF . HTML . :)

既存のwsをtabに変換したい場合は、Marketplaceから拡張機能をインストールしてください。
編集:
既存のインデントをスペースからタブに変換するにはCtrl+Shift+Pを押して次のように入力します。

>Convert indentation to Tabs

これにより、タブの定義設定に基づいて文書のインデントが変更されます。

151
v-andrew

タブ設定を変更するには、vscodeウィンドウの右下にあるステータスバーのLn/Colテキストの右にあるテキスト領域をクリックします。

名前はTab SizeまたはSpacesです。

利用可能なすべてのアクションと設定がメニューに表示されます。

enter image description here

112

Ctrl + shift + Pを押してから「インデントをタブに変換」

19
carlsborg

スペースの代わりにタブを使用する場合

これを試して:

  1. FilePreferencesSettingsに移動するか、Ctrl + ,を押します
  2. 検索設定上のバーに挿入editor.insertSpaces
  3. 次のようなものが表示されます:Editor:Insert Spacesそしておそらくチェックされます。下の画像のようにチェックを外してください

enter image description here

  1. 再読み込みVisual Studio CodeF1を押す➤reload windowを入力する➤Enterを押す)

うまくいかない場合は、これを試してください:

プラグインがインストールされているためと思われますJS-CSS-HTML Formatter

FilePreferencesExtensionsに移動するか、単にCtrl + Shift + Xを押すと、Enabledのリストに表示されますJS-CSS -HTMLフォーマッタ

その場合、このプラグインを変更できます。

  1. F1を押します➤Formatter configを入力します➤Enterを押します(ファイルformatter.jsonを開きます)
  2. ファイルを次のように変更します。

     4|    "indent_size": 1,
     5|    "indent_char": "\t"
    ——|
    24|    "indent_size": 1,
    25|    "indentCharacter": "\t",
    26|    "indent_char": "\t",
    ——|
    34|    "indent_size": 1,
    35|    "indent_char": "\t",
    36|    "indent_character": "\t"
    
  3. 保存します(FileSaveに移動するか、Ctrl + Sを押します)

  4. 再読み込みVisual Studio CodeF1を押す➤reload windowを入力する➤Enterを押す)
10
Alex Logvin

私の場合、問題は1月の更新後にインストールされたJS-CSS-HTML Formatter拡張でした。デフォルトのindent_charプロパティは空白です。私はそれをアンインストールし、そして奇妙な行動は止まります。

8
Vinicios Torres

以下の設定は私にはうまくいきます、

"editor.insertSpaces": false,
"editor.formatOnSave": true, // only if you want auto fomattting on saving the file
"editor.detectIndentation": false

上記の設定はすべてのファイルに反映され適用されます。すべてのファイルを手動でインデント/フォーマットする必要はありません。

5
Rohan Kumar

公式のvscode設定からこれをチェックしてください:

  // Controls whether `editor.tabSize#` and `#editor.insertSpaces` will be automatically detected when a file is opened based on the file contents.
  "editor.detectIndentation": true,

  // The number of spaces a tab is equal to. This setting is overridden based on the file contents when `editor.detectIndentation` is on.
  "editor.tabSize": 4,

  // Configure editor settings to be overridden for [html] language.
  "[html]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 2,
    "editor.autoIndent": false
  }
4
Xin

File -> Preferences -> Settings(または単にCtrl+,を押してspacesを検索し、次にこのオプションを無効にします。

enter image description here

変更を有効にするためにファイルを再度開く必要がありました。

1
lama12345