Linijki pionowe w programie Visual Studio Code


775

Jak linijki pionowe (zwróć uwagę na liczbę mnogą) można skonfigurować w programie Visual Studio Code?

W Sublime Text 2 mogę to zrobić

"rulers": [72, 80, 100, 120]

Jak to działa w Visual Studio?

"editor.ruler": 80

tworzy tylko jedną linijkę pionową.

Odpowiedzi:


1303

Visual Studio Code 0.10.10 wprowadził tę funkcję. Aby go skonfigurować, przejdź do menu PlikPreferencjeUstawienia i dodaj to do ustawień użytkownika lub obszaru roboczego:

"editor.rulers": [80,120]

Kolor linijek można dostosować w następujący sposób:

"workbench.colorCustomizations": {
    "editorRuler.foreground": "#ff4081"
}

2
Możesz także wypróbować to rozszerzenie marketplace.visualstudio.com/…
daronwolff,

6
Jeśli sprowadziła Cię skarga PyLint (komunikat C0301, egzekwowanie PEP 8) - zauważ, że wspominają o idealnej długości Pythona, która według PEP 8 to 79
The Red Pea

11
Kod VS nie wymaga już restartu w celu zastosowania tego ustawienia od 1.31.1, prawdopodobnie wcześniej.
Tomáš Hübelbauer,

3
Co oznacza drugi numer?
nocibambi

4
@nocibambi Obsługiwanych jest wiele linijek. Druga liczba wyświetli drugą linijkę w kolumnie 120
amrtn

193

Oprócz "editor.rulers"ustawień globalnych możliwe jest również ustawienie tego na poziomie języka.

Na przykład przewodniki stylu dla projektów w języku Python często określają 79 lub 120 znaków, a komunikaty zatwierdzania Git nie powinny być dłuższe niż 50 znaków.

Więc w swoim settings.json, umieściłbyś:

"[git-commit]": {"editor.rulers": [50]},
"[python]": {
    "editor.rulers": [
        79,
        120
    ]
}

1
Dzięki za podpowiedź! Korzystam z tej opcji do ręcznej edycji komunikatów Git commit w edytorze (a nie w wierszu poleceń). Jeśli masz już wartość domyślną dla wszystkich formatów plików wszystkich innych języków (na przykład "editor.rulers": [ 80 ]zgodnie ze standardami kodowania Drupal) w ogólnym zakresie, możesz zastąpić tylko format pliku komunikatów zatwierdzania Git, dodając to na końcu settings.jsonpliku: ` `` "[git-commit]": {"editor.rulers": [50],} `` W ten sposób jest całkowicie oddzielony, nie wpływa na inne pliki językowe.
Balu Ertl

107

Z Visual Studio Code 1.27.2:

  1. Kiedy idę do Plik> Preferencje> Ustawienia , pojawia się następująca karta

    Zrzut ekranu

  2. Piszę linijki w ustawieniach wyszukiwania i otrzymuję następującą listę ustawień

    zrzut ekranu

  3. Klikając pierwszą opcję Edytuj w ustawieniach.json , mogę edytować ustawienia użytkownika

    zrzut ekranu

  4. Kliknięcie ikony pióra, która pojawia się po lewej stronie ustawienia w Domyślnych ustawieniach użytkownika, mogę skopiować go w ustawieniach użytkownika i edytować

W programie Visual Studio Code 1.38.1 zrzut ekranu pokazany w trzecim punkcie zmienia się na następny.

wprowadź opis zdjęcia tutaj

Panel wyboru domyślnych wartości ustawień użytkownika nie jest już wyświetlany.


Dziwne, kliknięcie „Edytuj w ustawieniach.json” po prostu otwiera json i nie dodaje też domyślnego wpisu. Muszę kliknąć ikonę koła zębatego (pojawia się tylko po najechaniu myszką na ustawienie) -> Kopiuj ID ustawienia / jako JSON, a następnie wklej go w Ustawieniach użytkownika. Jak uzyskałeś ustawienia domyślne / użytkownika dla podwójnego panelu? Używam kodu VS v1.38.1.
hsandt

Korzystałem z VSC 1.27.2. Wersja 1.38.1 nie pokazuje już podwójnego panelu. Jest podobny do okna ustawień używanego z Sublime Text 3.
kiamlaluno

W każdym razie używam VSC w dystrybucji Linuksa (openSUSE Tumbleweed, wcześniej i Ubuntu 19.04 teraz).
kiamlaluno

1
Szkoda Jeśli wartość domyślna nie jest wyświetlana w podwójnym okienku, mogą przynajmniej wstawić kod pośredniczący, "editor.rulers": [80]aby użytkownik nie musiał ręcznie kopiować kodu JSON. Okno ustawień GUI nie pokazuje nawet bieżącej wartości editor.rulers, jak kilka innych ...
hsandt

47

Visual Studio Code: Wersja 1.14.2 (1.14.2)

  1. Naciśnij Shift+ Command+, Paby otworzyć panel
    • W przypadku użytkowników innych niż macOS naciśnij Ctrl+P
  2. Wpisz „settings.json”, aby otworzyć pliki ustawień.
  3. Przy ustawieniu domyślnym możesz to zobaczyć:

    // Columns at which to show vertical rulers
    "editor.rulers": [],

    Oznacza to, że pusta tablica nie pokaże linijek pionowych.

  4. W prawym oknie „Ustawienia użytkownika” dodaj:

    "editor.rulers": [140]

Zapisz plik, a zobaczysz linijki.


Re Ctrl+ Pdla użytkowników innych niż macOS: Czy na pewno nie jest to Shift+ Ctrl+ P?
Peter Mortensen

Czy możesz dodać zrzut ekranu „panelu”, aby było jasne, co to jest?
Peter Mortensen

co oznacza ustawienie użytkownika „W prawym oknie”?
Bwyss

17

W wersji 1.43 jest możliwość osobnego pokolorowania pionowych linijek.

Zobacz problem Obsługa wielu linijek w różnych kolorach - (w pliku settings.json):

"editor.rulers": [
  {
    "column": 80,
    "color": "#ff00FF"
  },
  100,  // <- a ruler in the default color or as customized at column 0
  {
    "column": 120,
    "color": "#ff0000"
  },
], 

Haha, dodają coraz więcej funkcji.
dokładnie

To bardzo miłe ...
Lohith

Jest rzeczywiście dostępny w wydaniu z lutego 2020 r. (1.43.0).
hans_meine

0

Łącząc odpowiedzi kiamlaluno i Marka , wraz z formatOnSave z kodem autointent dla Pythona:

{
    "editor.formatOnSave": true,
    "editor.autoIndent": "advanced",
    "editor.detectIndentation": true,
    "files.insertFinalNewline": true,
    "files.trimTrailingWhitespace": true,
    "editor.formatOnPaste": true,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.snippetSuggestions": "top",
    "editor.rulers": [
        {
            "column": 79,
            "color": "#424142"
        },
        100, // <- a ruler in the default color or as customized at column 0
        {
            "column": 120,
            "color": "#ff0000"
        },
    ],

}
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.