VS код - вертикальные правители для красивого кода?

Что такое вертикальный линейка в VS-коде?

В VS-коде вертикальный правитель представляет собой статический, настраиваемый элемент дизайна, чтобы дать код ненофрованной правой границе, означающий, что он не будет Word-Wrap ваш код

Этот вертикальный правитель не для измерений, в отличие от Word, Illucter или других пакетов дизайна/редактирования.

Оранжевые, серые и фиолетовые правители. Примечание. Линии 21, 22 не влияют на правители.

Текст не влияет на правители, как пример выше.

Почему?

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

Некоторые языки (например, Python или Drupal) имеют стильные направляющие для максимальных символов в строке. (79 символов для Python).

В то время как другие, как JavaScript, имеют Очень свободный набор руководящих принципов Но ничего не предполагая максимального размера символов на линию.

Как

Цветные и множественные вертикальные правители доступны в VS-коде по отношению к Февраль 2020 года издание Отказ

Шаг 1 – Открыть настроек .json

Mac: Нажмите Сдвиг Команда P
Немакос: нажмите Ctrl P.

Это открывает поиск файлов.

Введите settings.json и выберите файл для его редактирования.

Шаг 2 – Добавьте следующее на последнюю строку внутри объекта JSON:

"editor.rulers": [
   {
     "column": 80,    // spacing of 1st column from left
     "color": "#ff9900"   // orange, Go Vols!
   },
     100,  // 2nd ruler with no color option
   {
    "column": 120,      // third ruler
    "color": "#9f0af5"  // purple, go Pirates! 
   },
],

Вышеуказанное внедрение является языком-агностик и становится значением по умолчанию «всегда на» правителях. Можно иметь как по умолчанию, так и на языке одновременно.

Для конкретного языка измените название языка в скобках «[]» на ваш предпочтительный язык:

  "[ruby]": {
        "editor.rulers": [
            {
                "column": 100,
                "color": "#00ff22"
            }
        ]
    }

Добавьте один для каждого языка.

Шаг 3 – Наслаждайтесь читаемым кодом

Обязательно сохраните изменения и наслаждайтесь.

Красивый код. Не слишком широкий. В самый раз.

Обратная связь?

Есть мысли или советы по вышеуказанному внедрению или другим полезным настройкам по VS?

Если это так, оставьте записку. Я хотел бы услышать и увидеть ваши примеры, объяснения и другие детали, чтобы уточнить, как/почему/когда.

Ресурсы

Февраль 2020 г. vs Функция Отказ MDN JavaScript Руководство Руководство по стилю Python – Pep8

Оригинал: “https://dev.to/brad_beggs/vs-code-vertical-rulers-for-prettier-code-3gp3”