web-dev-qa-db-ja.com

スペースをタブに変換

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

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

私が設定した設定：

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

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

編集1：

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

tabsvisual-studio-code
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
Eric Bole-Feysot

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

19
carlsborg

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

これを試して：

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

enter image description here

  1. 再読み込みVisual Studio Code（F1を押す➤reload windowを入力する➤Enterを押す）

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

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

（File➤Preferences➤Extensionsに移動するか、単に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. 保存します（File➤Saveに移動するか、Ctrl + Sを押します）

  4. 再読み込みVisual Studio Code（F1を押す➤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