Vertikale Lineale in Visual Studio Code


781

Wie können vertikale Lineale (beachten Sie den Plural) in Visual Studio Code konfiguriert werden?

In Sublime Text 2 kann ich tun

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

Wie funktioniert das in Visual Studio?

"editor.ruler": 80

erzeugt nur ein vertikales Lineal.

Antworten:


1309

Visual Studio Code 0.10.10 hat diese Funktion eingeführt. Um es zu konfigurieren, gehen Sie zu Menü DateiEinstellungenEinstellungen und fügen Sie dies Ihren Benutzer- oder Arbeitsbereichseinstellungen hinzu:

"editor.rulers": [80,120]

Die Farbe der Lineale kann folgendermaßen angepasst werden:

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

2
Auch könnten Sie diese Erweiterung versuchen marketplace.visualstudio.com/...
daronwolff

6
Wenn eine PyLint Beschwerde Sie hierher gebracht hat (Meldung C0301, PEP Durchsetzung 8) - Mitteilung erwähnen sie die ideale Länge für Python, den PEP 8 sagt , ist 79
The Red Pea

11
VS Code erfordert keinen Neustart mehr, um diese Einstellung ab 1.31.1 anzuwenden, wahrscheinlich früher.
Tomáš Hübelbauer

3
Wofür steht die zweite Zahl?
Nocibambi

4
@nocibambi Es werden mehrere Lineale unterstützt. Die zweite Zahl zeigt ein zweites Lineal in Spalte 120
Uhr

194

Zusätzlich zur globalen "editor.rulers"Einstellung ist es auch möglich, diese auf Sprachebene festzulegen.

In Style Guides für Python-Projekte werden beispielsweise häufig 79 oder 120 Zeichen angegeben, während Git-Commit-Nachrichten nicht länger als 50 Zeichen sein dürfen.

Also würden Sie in Ihre settings.jsonsetzen:

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

1
Danke für den Tipp! Ich verwende diese Option zum manuellen Bearbeiten von Git-Commit-Nachrichten im Editor (und nicht in der Befehlszeile). Wenn Sie bereits einen Standardwert für die Dateiformate aller anderen Sprachen (z. B. "editor.rulers": [ 80 ]gemäß Drupal-Codierungsstandards) im allgemeinen Bereich haben, können Sie nur das Dateiformat für Git-Commit-Nachrichten überschreiben, indem Sie diesen am Ende Ihrer settings.jsonDatei hinzufügen : ` `` "[git-commit]": {"editor.rulers": [50],} `` `Auf diese Weise ist es vollständig getrennt und wirkt sich nicht auf andere Sprachdateien aus.
Balu Ertl

107

Mit Visual Studio Code 1.27.2:

  1. Wenn ich zu Datei> Einstellungen> Einstellungen gehe , wird die folgende Registerkarte angezeigt

    Bildschirmfoto

  2. Ich tippe Lineale in die Sucheinstellungen und erhalte die folgende Liste mit Einstellungen

    Bildschirmfoto

  3. Durch Klicken auf das erste Bearbeiten in settings.json kann ich die Benutzereinstellungen bearbeiten

    Bildschirmfoto

  4. Durch Klicken auf das Stiftsymbol links neben der Einstellung in den Standardbenutzereinstellungen kann ich es in die Benutzereinstellungen kopieren und bearbeiten

Mit Visual Studio Code 1.38.1 ändert sich der im dritten Punkt gezeigte Screenshot in den folgenden.

Geben Sie hier die Bildbeschreibung ein

Das Bedienfeld zur Auswahl der Standardwerte für die Benutzereinstellung wird nicht mehr angezeigt.


Seltsamerweise öffnet das Klicken auf "In settings.json bearbeiten" nur den json und fügt auch keinen Standardeintrag hinzu. Ich muss auf das Zahnradsymbol klicken (es wird nur angezeigt, wenn Sie den Mauszeiger über die Einstellung bewegen) -> Einstellungs-ID / als JSON kopieren und dann in die Benutzereinstellungen einfügen. Wie haben Sie die Standardeinstellungen / Benutzereinstellungen für zwei Bereiche erhalten? Ich benutze VS Code v1.38.1.
Hsandt

Ich habe VSC 1.27.2 verwendet. Version 1.38.1 zeigt das Dual Panel nicht mehr an. Es ist ähnlich dem Einstellungsfenster von Sublime Text 3.
Kiamlaluno

Wie auch immer, ich verwende VSC auf einer Linux-Distribution (openSUSE Tumbleweed, früher und Ubuntu 19.04 jetzt).
Kiamlaluno

1
Schade. Wenn die Standardeinstellung nicht im doppelten Bereich angezeigt wird, können sie mindestens einen Stub einfügen, "editor.rulers": [80]damit der Benutzer den JSON nicht manuell kopieren muss. Das GUI-Einstellungsfenster zeigt nicht einmal den aktuellen Wert für editor.rulers, wie einige andere ...
hsandt

47

Visual Studio-Code: Version 1.14.2 (1.14.2)

  1. Drücken Sie Shift+ Command+ P, um das Bedienfeld zu öffnen
    • Für Nicht-MacOS-Benutzer drücken Sie Ctrl+P
  2. Geben Sie "settings.json" ein, um Einstellungsdateien zu öffnen.
  3. In der Standardeinstellung sehen Sie Folgendes:

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

    Dies bedeutet, dass das leere Array die vertikalen Lineale nicht anzeigt.

  4. Fügen Sie im rechten Fenster "Benutzereinstellung" Folgendes hinzu:

    "editor.rulers": [140]

Speichern Sie die Datei, und Sie werden die Lineale sehen.


Re Ctrl+ Pfür Nicht-MacOS-Benutzer: Sind Sie sicher, dass es nicht Shift+ Ctrl+ ist P?
Peter Mortensen

Können Sie einen Screenshot des "Panels" hinzufügen, damit klar ist, was es ist?
Peter Mortensen

Was bedeutet "Am rechten Fenster" Benutzereinstellung "
Bwyss

17

In Version 1.43 ist die Möglichkeit, die vertikalen Lineale separat zu färben.

Siehe Ausgabe Mehrere Lineale mit unterschiedlichen Farben unterstützen - (in 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, sie fügen immer mehr Funktionen hinzu.
Nalply

Das ist sehr schön ...
Lohith

Es ist in der Tat in der Veröffentlichung vom Februar 2020 (1.43.0) erschienen.
hans_meine

0

Kombinieren Sie die Antworten von kiamlaluno und Mark zusammen mit formatOnSave zu autointentem Code für Python:

{
    "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"
        },
    ],

}
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.