Как установить tab-space style?

Question

Как установить tab-space style?

простой вопрос: Можно ли настроить коэффициент преобразования табуляции в пространство при использовании VSCode? Например, прямо сейчас в HTML он, кажется, производит 2 пробела на нажатие TAB, но в Typescript он производит 4.

734 14

visual-studio-code

14 ответов:

Comments

Ничего не найдено.

Alex Dima · Accepted Answer · 2018-04-13 23:46:20

по умолчанию VSCode попытается угадать ваши параметры отступа в зависимости от открываемого файла.

вы можете отключить угадывание отступа через "editor.detectIndentation": false

вы можете настроить это легко с помощью этих 3 настроек в File > Preferences > User Settings:
// The number of spaces a tab is equal to. This setting is overriden
// based on the file contents when `editor.detectIndentation` is true.
"editor.tabSize": 4,

// Insert spaces when pressing Tab. This setting is overriden
// based on the file contents when `editor.detectIndentation` is true.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces`
// will be detected based on the file contents. Set to false to keep
// the values you've explicitly set, above.
"editor.detectIndentation": false

Tricky · Accepted Answer · 2018-04-04 13:22:18

Я использую версию 1.21, но я думаю, что это может относиться и к более ранним версиям.

взгляните на нижнюю правую часть экрана. Вы должны увидеть что-то, что говорит Spaces или Tab-Size.

шахта показывает пробелы, -->

нажмите на кнопку Spaces (или Tab-Size)

выбрать Indent Using Spaces или Indent using Tabs

выберите количество пробелов или вкладок, которые вам нравятся.

этот работает только для одного документа, а не для всего проекта. Если вы хотите применить его в рамках всего проекта, вам также нужно добавить "editor.detectIndentation": false настройки пользователей.

Jim Doyle · Accepted Answer · 2016-08-08 16:32:32

по умолчанию VSCode автоматически определяет отступ текущего открытого файла. Если вы хотите отключить эту функцию и сделать все отступы, например, 2 пробела, выполните следующие действия в настройках пользователя или рабочей области.
{
    "editor.tabSize": 2,

    "editor.detectIndentation": false
}

Xin · Accepted Answer · 2018-08-09 08:35:13

Ну, новая версия vscode позволяет указать другой тип файла для tabSize, вот пример my settings.json по умолчанию 4 пробела и JS / json 2 пробела:
{
  // I want my default to be 4, but js/json to be 2
  "editor.tabSize": 4,
  "[javascript]": {
    "editor.tabSize": 2
  },
  "[json]": {
    "editor.tabSize": 2
  }
}
PS: ну, если вы не знаете, как открыть этот файл, вы можете: нажмите левую нижнюю шестерню- > затем Настройки

Shaun Luttin · Accepted Answer · 2016-09-09 05:42:46

у нас можете размер вкладки управления по типу файла С EditorConfig и VS расширение кода. мы тогда можем сделать Alt+Shift+F специфично для каждого типа файлов.

установка

ext install EditorConfig

Пример Конфигурации

.editorconfig
[*]
indent_style = space

[*.{cs,js}]
indent_size = 4

[*.json]
indent_size = 2
настройки.json

EditorConfig переопределяет любые настройки.формат JSON настраивается для редактора. Там нет необходимости менять editor.detectIndentation.

Travis Brown · Accepted Answer · 2017-03-22 18:22:20

Я просто хотел перезвонить, чтобы сказать, что вы хотите убедиться, что ваш editorconfig не конфликтует с настройками настроек пользователя или рабочей области, так как у меня просто было немного раздражения, думая, что настройки файлов настроек не применяются, когда это был мой редактор config, отменяющий эти изменения.

user3550138 · Accepted Answer · 2017-07-05 01:03:18

что это lonefy.vscode-js-css-html-formatter виноват, отключите его и установите HookyQR.beautify

теперь при сохранении вкладки не будут преобразованы

Steve Hanov · Accepted Answer · 2018-07-12 18:16:58

при использовании typescript ширина вкладки по умолчанию всегда равна 2 независимо от того, что она говорит на панели инструментов. Вы должны установить " красивее.tabWidth " в настройках пользователя, чтобы изменить его.

Ctrl+P, тип > настройки пользователя, добавить:
"prettier.tabWidth": 4

Kevin Peter · Accepted Answer · 2017-11-30 01:16:11

решение@alex-dima с 2015 года изменит размеры вкладок и пробелы для всех файлов, а решение @Tricky с 2016 года, похоже, изменит только настройки для текущего файла.

по состоянию на 2017 год, я нашел другое решение, которое работает на основе каждого языка. Код Visual Studio не использовал правильные размеры вкладок или параметры пространства для Elixir, поэтому я обнаружил, что могу изменить настройки для всех файлов Elixir.

Я нажал на язык в строке состояния ("эликсир" в моем case), выберите "настроить параметры на основе языка 'Elixir'...", и отредактировал настройки языка, специфичные для эликсира. Я просто скопировал "редактор.tabSize " и " редактор.insertSpaces " настройки из настроек по умолчанию слева (я так рад, что они показаны), а затем изменил их справа.

Он отлично работал, и теперь все языковые файлы Elixir используют правильный размер вкладки и настройки пространства.

DRL · Accepted Answer · 2017-07-15 04:12:42

User3550138 правильно lonefy.vscode-JS-css-html-formatter переопределяет все настройки, упомянутые в других ответах, однако вам не нужно отключать или удалять его, поскольку его можно настроить. Полные инструкции можно найти, открыв боковую панель расширений и нажав на это расширение, и оно отобразит инструкции по настройке в рабочей области редактора. По крайней мере, это делает для меня на VS Code версии 1.14.1.

Ben Taliadoros · Accepted Answer · 2017-09-29 15:53:05

Если это для Angular 2, и CLI генерирует файлы, которые вы хотели бы по-другому отформатировать, вы можете редактировать эти файлы, чтобы изменить то, что генерируется:
npm_modules/@angular/cli/blueprints/component/files/__path__/*
не массово рекомендуется как обновление npm удалит вашу работу, но это сэкономило мне много времени

Gmoney Mozart · Accepted Answer · 2018-01-24 22:39:44

Файл > Настройки > Настройки

добавить в Настройки пользователя:
"editor.tabSize": 2,
"editor.detectIndentation": false
затем щелкните правой кнопкой мыши документ, если он уже открыт, и выберите формат документа, чтобы существующий документ соответствовал этим новым настройкам.

Gh111 · Accepted Answer · 2018-06-09 14:22:17

Я пытался редактировать редактором.размера табуляции в 4, но .editorConfig переопределяет все настройки, которые я указал, поэтому нет необходимости изменять какую-либо конфигурацию в пользовательских настройках, которые вам просто нужно отредактировать .editorConfig file

установить indent_size = 4

надеюсь, что это помогает.

dhruvpatel · Accepted Answer · 2018-07-26 02:16:13

размещение здесь для тех, для кого принятый ответ на этот пост не работает, возможно, попробуйте:

Я EditorConfig для VS Code установлен в моем редакторе, и он продолжал переопределять мои пользовательские настройки, которые были установлены для отступа файлов с помощью пробелов. Каждый раз, когда я переключался между вкладками редактора, мой файл автоматически получал отступы с вкладками, даже если я преобразовал отступ в пробелы!!!

сразу после того как я удалил это расширение, углубление больше не меняется между переключением вкладок редактора, и я могу работать более комфортно, а не вручную конвертировать вкладки в пробелы каждый раз, когда я переключаю файлы - это больно.