Visual Studio Code'daki dikey cetveller


781

Visual Studio Code'da dikey cetveller (çoğul not) nasıl yapılandırılabilir?

Sublime Text 2'de yapabilirim

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

Bu Visual Studio'da nasıl çalışır?

"editor.ruler": 80

yalnızca bir dikey cetvel üretir.

Yanıtlar:


1309

Visual Studio Code 0.10.10 bu özelliği tanıttı. Yapılandırmak için DosyaTercihlerAyarlar menüsüne gidin ve bunu kullanıcı veya çalışma alanı ayarlarınıza ekleyin:

"editor.rulers": [80,120]

Cetvellerin rengi şu şekilde özelleştirilebilir:

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

2
Ayrıca, bu uzatma pazarını
daronwolff


11
VS Kodu, muhtemelen daha erken, 1.31.1'den itibaren bu ayarı uygulamak için yeniden başlatma gerektirmez.
Tomáš Hübelbauer

3
İkinci sayı ne anlama geliyor?
nocibambi

4
@nocibambi Birden çok cetvel desteklenir. İkinci sayı, sütun 120'de ikinci bir cetvel görüntüler
amrtn

194

Global "editor.rulers"ortama ek olarak , bunu dil başına düzeye ayarlamak da mümkündür.

Örneğin, Python projeleri için stil kılavuzları genellikle 79 veya 120 karakter belirtir, ancak Git taahhüt mesajları 50 karakterden uzun olmamalıdır.

Gözlerinde farklı Yani settings.json, sen koyardım:

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

1
İpucu için teşekkürler! Git komutlarını düzenleyicide (komut satırından ziyade) elle düzenlemek için bu seçeneği kullanıyorum. Genel olarak diğer tüm dillerin dosya biçimleri (örneğin "editor.rulers": [ 80 ], Drupal kodlama standartları uyarınca) için varsayılan bir değeriniz varsa , yalnızca Git taahhüt mesajları dosya biçimi için, bunu settings.jsondosyanızın sonuna ekleyerek üzerine yazmak mümkündür : ` `` "[git-commit]": {"editor.rulers": [50],} `` Bu şekilde tamamen ayrılmıştır, diğer dil dosyalarını etkilemez.
Balu Ertl

107

Visual Studio Code 1.27.2 ile:

  1. Ben giderken Dosya> Tercihi> Ayarlar , aşağıdaki sekmeyi olsun

    Ekran görüntüsü

  2. Ben yazarken Cetvelleri içinde Arama ayarları ve aşağıdaki ayar listesini almak

    ekran görüntüsü

  3. Settings.json'daki ilk Düzenle'yi tıklatarak kullanıcı ayarlarını düzenleyebilirim

    ekran görüntüsü

  4. Varsayılan kullanıcı ayarları bölümünde ayarın solunda görünen kalem simgesine tıklamak kopyalayabilir ve düzenleyebilirim

Visual Studio Code 1.38.1 ile, üçüncü noktada gösterilen ekran görüntüsü aşağıdakine dönüşür.

resim açıklamasını buraya girin

Varsayılan kullanıcı ayar değerlerini seçme paneli artık gösterilmiyor.


Garip, "Ayarlar.json'da Düzenle" ye tıklamak json'u açar ve varsayılan bir giriş eklemez. Dişli çark simgesini tıklatmam gerekiyor (yalnızca ayarın üzerine geldiğinde görünür) -> Ayar Kimliği / JSON olarak kopyala, ardından Kullanıcı Ayarlarına yapıştırın. Çift bölmeli Varsayılan / Kullanıcı ayarlarını nasıl aldınız? VS kodu v1.38.1 kullanıyorum.
hsandt

VSC 1.27.2 kullanıyordum. Sürüm 1.38.1 artık çift paneli göstermiyor. Sublime Text 3'te kullanılan ayarlar penceresine benzer.
kiamlaluno

Her neyse, bir Linux dağıtımında VSC kullanıyorum (openSUSE Tumbleweed, daha önce ve Ubuntu 19.04 şimdi).
kiamlaluno

1
Çok kötü. Varsayılan, çift bölmede gösterilmiyorsa, en azından bir saplama ekleyebilir, "editor.rulers": [80]böylece kullanıcının JSON'u manuel olarak kopyalaması gerekmez. GUI ayarları penceresi, editor.rulersdiğerleri gibi mevcut değerini bile göstermez ...
hsandt

47

Visual Studio Code: Sürüm 1.14.2 (1.14.2)

  1. Paneli açmak için Shift+ Command+ tuşlarına basınP
    • MacOS kullanıcısı olmayanlar için Ctrl+P
  2. Ayar dosyalarını açmak için "settings.json" girin.
  3. Varsayılan ayarda şunları görebilirsiniz:

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

    Bu, boş dizinin dikey cetvelleri göstermeyeceği anlamına gelir.

  4. Sağ pencere "kullanıcı ayarı" na aşağıdakileri ekleyin:

    "editor.rulers": [140]

Dosyayı kaydedin, cetvelleri göreceksiniz.


MacOS kullanıcısı olmayanlar için Re Ctrl+ P: Shift+ Ctrl+ olmadığından emin misiniz P?
Peter Mortensen

"Panel" in ekran görüntüsünü ekleyebilir misiniz?
Peter Mortensen

"Sağ pencerede" kullanıcı ayarı "ne anlama geliyor?
Bwyss

17

V1.43'te dikey cetvelleri ayrı ayrı renklendirme yeteneğidir.

Farklı renklere sahip birden çok cetveli destekleme konusuna bakın - (settings.json içinde):

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

Haha, daha fazla özellik ekliyorlar.
nalply

Bu çok güzel ...
Lohith

Gerçekten Şubat 2020 sürümünde (1.43.0) çıktı.
hans_meine

0

Birleştiren kiamlaluno cevaplarını ve Mark formatOnSave birlikte Python için autointent koduna,:

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

}
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.