Penguasa vertikal dalam Visual Studio Code

781

Bagaimana penguasa vertikal (perhatikan jamak) dapat dikonfigurasi dalam Visual Studio Code?

Dalam Sublime Text 2 saya bisa melakukannya

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

Bagaimana cara kerjanya di Visual Studio?

"editor.ruler": 80

hanya menghasilkan satu penggaris vertikal.

visual-studio-code vscode-settings nekat
sumber

1309

Visual Studio Code 0.10.10 memperkenalkan fitur ini. Untuk mengkonfigurasinya, buka menu File → Preferences → Settings dan tambahkan ini ke pengaturan pengguna atau ruang kerja Anda:

"editor.rulers": [80,120]

Warna penguasa dapat disesuaikan seperti ini:

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

Dimitar Asenov
sumber

2

Anda juga dapat mencoba extention marketplace.visualstudio.com/... ini

daronwolff

6

Jika keluhan PyLint membawa Anda ke sini (pesan C0301, memberlakukan PEP 8) - perhatikan mereka menyebutkan panjang ideal untuk Python, yang menurut PEP 8 adalah 79

The Red Pea

11

VS Code tidak lagi membutuhkan restart untuk menerapkan pengaturan ini pada 1.31.1, mungkin lebih cepat.

Tomáš Hübelbauer

3

Apa artinya angka kedua?

nocibambi

4

@nocibambi Beberapa penguasa didukung. Angka kedua akan menampilkan penggaris kedua pada kolom 120

amrtn

194

Selain "editor.rulers"pengaturan global , Anda juga dapat mengatur ini pada tingkat per bahasa.

Misalnya, panduan gaya untuk proyek-proyek Python sering menentukan 79 atau 120 karakter vs pesan komit Git tidak boleh lebih dari 50 karakter.

Jadi di Anda settings.json, Anda akan meletakkan:

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

Jeff Widman
sumber

1

Terima kasih atas petunjuknya! Saya menggunakan opsi ini untuk mengedit pesan komit Git secara manual di editor (bukan di baris perintah). Jika Anda sudah memiliki nilai default untuk semua format file bahasa lain (misalnya "editor.rulers": [ 80 ]per standar pengkodean Drupal) dalam lingkup umum, maka dimungkinkan untuk menimpa hanya untuk format file pesan Git commit dengan menambahkan ini ke akhir settings.jsonfile Anda : ` `` "[git-commit]": {"editor.rulers": [50],} `` Dengan cara ini benar-benar terpisah, tidak mempengaruhi file bahasa lainnya.

Balu Ertl

107

Dengan Visual Studio Code 1.27.2:

Ketika saya pergi ke File> Preferensi> Pengaturan , saya mendapatkan tab berikut
Saya mengetik penggaris dalam pengaturan Pencarian dan saya mendapatkan daftar pengaturan berikut
Mengklik Edit pertama di settings.json , saya dapat mengedit pengaturan pengguna
Mengklik ikon pena yang muncul di sebelah kiri pengaturan di Pengaturan pengguna default Saya dapat menyalinnya di pengaturan pengguna dan mengeditnya

Dengan Visual Studio Code 1.38.1, tangkapan layar yang ditunjukkan pada titik ketiga berubah menjadi yang berikut.

Panel untuk memilih nilai pengaturan pengguna default tidak ditampilkan lagi.

kiamlaluno
sumber

Aneh, mengklik "Edit di settings.json" hanya membuka json dan juga tidak menambahkan entri default. Saya perlu mengklik ikon roda gigi (hanya muncul ketika mengarahkan pengaturan) -> Salin ID Pengaturan / sebagai JSON, lalu tempel di Pengaturan Pengguna. Bagaimana Anda mendapatkan pengaturan Default / Pengguna dual pane? Saya menggunakan kode VS v1.38.1.

hsandt

Saya menggunakan VSC 1.27.2. Versi 1.38.1 tidak menampilkan panel ganda lagi. Ini mirip dengan jendela pengaturan yang digunakan dari Sublime Text 3.

kiamlaluno

Bagaimanapun, saya menggunakan VSC pada distribusi Linux (openSUSE Tumbleweed, sebelumnya, dan Ubuntu 19.04 sekarang).

kiamlaluno

1

Sangat buruk. Jika default tidak ditampilkan dalam panel ganda, mereka setidaknya bisa memasukkan tulisan rintisan "editor.rulers": [80]sehingga pengguna tidak perlu menyalin JSON secara manual. Jendela pengaturan GUI bahkan tidak menunjukkan nilai saat ini untuk editor.rulers, seperti beberapa yang lain ...

hsandt

47

Visual Studio Code: Versi 1.14.2 (1.14.2)

Tekan Shift+ Command+ Puntuk membuka panel
- Untuk pengguna non-macOS, tekan Ctrl+P
Masukkan "setting.json" untuk membuka file pengaturan.
Pada pengaturan default, Anda dapat melihat ini:
```
// Columns at which to show vertical rulers
"editor.rulers": [],
```
Ini berarti array kosong tidak akan menampilkan penggaris vertikal.
Di jendela kanan "pengaturan pengguna", tambahkan yang berikut:

"editor.rulers": [140]

Simpan file, dan Anda akan melihat penguasa.

jialin wang
sumber

Re Ctrl+ Puntuk pengguna non-macOS: Apakah Anda yakin itu bukan Shift+ Ctrl+ P?

Peter Mortensen

Bisakah Anda menambahkan tangkapan layar "panel" sehingga jelas apa itu?

Peter Mortensen

apa maksud "Di jendela kanan" pengaturan pengguna "?

Bwyss

17

Dalam v1.43 adalah kemampuan untuk secara terpisah mewarnai penguasa vertikal.

Lihat masalah Dukung banyak penggaris dengan warna berbeda - (dalam pengaturan.json):

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

Menandai
sumber

Haha, mereka menambahkan lebih banyak fitur.

nalply

Ini sangat bagus ...

Lohith

Ini memang keluar dalam rilis Februari 2020 (1.43.0).

hans_meine

0

Menggabungkan jawaban kiamlaluno dan Mark , bersama dengan formatOnSave ke kode autointent untuk 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"
        },
    ],

}

Lohith
sumber

Penguasa vertikal dalam Visual Studio Code

Jawaban: