Vscode: Bilah Gulir yang Disempurnakan (tambahkan minimap)

@jschraub Bisakah Anda menunjukkan fitur spesifik yang Anda sukai atau yang membantu Anda bergerak lebih efisien dari

Tentu saja, @alexandrudima. Kemampuan untuk sekilas, mendapatkan representasi visual dari dokumen/kode Anda. Memiliki "tampilan 10.000 kaki" memudahkan untuk melirik dokumen Anda dan segera mengklik potongan kode yang Anda cari. Meskipun bilah Gulir yang Disempurnakan dari VS 2013/2015 menawarkan lebih banyak fitur daripada itu, saya tidak menggunakannya banyak.

Banyak editor kode lain memiliki fitur serupa, termasuk Sublime dan Atom dan semuanya memiliki sub-fitur yang berbeda, tetapi saya pikir memiliki penawaran untuk "tampilan 10.000 kaki" dokumen Anda secara sekilas, memberikan keuntungan besar dibandingkan Editor Teks yang melakukannya tidak memiliki fitur yang sesuai.

Tolong beri tahu saya jika itu yang Anda cari, atau Anda memerlukan detail yang lebih baik/berbeda.

Deskripsi bagus! Terima kasih!

Hai @alexandrudima , apakah ada orang dari VSCode yang mengerjakan ini untuk rilis berikutnya? Apakah ini sesuatu yang dapat disumbangkan komunitas ke bilah gulir?

Saya menduga itu akan menjadi semacam membaca model editor dan menggambar representasi minimap di kanvas. apa?

@nojvek Kami akan menyusun dan merilis rencana September pada akhir minggu depan. Mengingat masalah ini naik ke puncak kueri ini, kami menggunakan untuk melacak permintaan komunitas (https://github.com/Microsoft/vscode/issues?q=is%3Aissue+is%3Aopen+sort%3Areactions-%2B1-desc ), memiliki perubahan tinggi untuk membuatnya pada rencana September.

Mohon pantau terus :)

Bit beta tolong! Ini adalah fitur favorit saya dan satu-satunya hal yang membuat saya tetap terikat pada Sublime Text.

Segera™

👍 fitur minimap sangat dirindukan

Aku juga sangat merindukannya.

+ Tak Terbatas

@+1 Minimap adalah salah satu fitur yang harus dimiliki bagi saya, ini berfungsi dengan baik pada atom dengan banyak add-on.

lihat minimap kate yang saya lihat sebagai contoh bagus tentang masalah ini: https://docs.kde.org/trunk5/en/applications/katepart/kate-part-scrollbar-minimap.html

+1 untuk Peta Mini. Sebuah 'tahan tombol tengah-mouse' (tombol scrollbar) untuk menggulir juga akan bagus

Jika kita memiliki status git, kesalahan, kemunculan lain dari kata saat ini, hasil pencarian, indikasi jendela pratinjau mengintip, pada dasarnya semua minimap Sublime memiliki + semua scrollbar VSCode saat ini, itu akan menjadi besar!

Saya tidak mengerti mengapa VS Code tidak bisa jika VS bisa.

ini akan menjadi kemenangan besar dan salah satu fitur terakhir yang hilang untuk peninggalan agung

Saya baru-baru ini menemukan penggunaannya, tidak bisa menunggu sampai diterapkan

+1 tidak sabar menunggu ini diimplementasikan di VSCode...

+1 Silakan tambahkan segera.

+1 Tolong tambahkan MiniMap

Saya tidak percaya ini bukan fitur dari rilis pertama?!

Silakan tambahkan MiniMap untuk VSCode

+1 Tolong tambahkan MiniMap

+1 untuk itu

Saya sangat sedih ini tidak berhasil di 1.6.0 :( tolong tambahkan ini ASAP

Tampaknya juga tidak membuat rencana Oktober. Semoga untuk bulan November, kurasa. Sepertinya itu sekarang duduk di bagian atas daftar permintaan, jadi itu cukup menarik.

+1

+10

+1

+1

Tolong jangan beri komentar +1 lagi. Upvote masalah asli sebagai gantinya.
Orang yang berlangganan utas ini ingin diberi tahu saat ada kemajuan, bukan saat Anda memberi +1.

Kalian dapat mengunci percakapan untuk kolaborator.

Terima kasih & Salam,
Deepu

Pada Kam, 13 Okt 2016 jam 21:13, Pine [email protected] menulis:

Tolong jangan beri komentar +1 lagi. Upvote masalah asli sebagai gantinya.
Orang yang berlangganan utas ini ingin diberi tahu jika ada kemajuan
telah dibuat, bukan saat Anda memberi +1.

—
Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub
https://github.com/Microsoft/vscode/issues/4865#issuecomment -253552567,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/ABDlF49KaIi-Lgu1cKv8Zhn1Tjoa-Hruks5qzlGkgaJpZM4H93xs
.

+1

Bahkan ketika saya benar-benar tidak melewatkan minimap pada @code , jika saya harus memilih, saya dapat mengatakan bahwa saya sangat menyukai pendekatan minimap pada Atom (plus, kodenya adalah OS). Bukan versi kode yang diperkecil, tetapi representasi skematis. Itu pintar, karena yang Anda inginkan adalah dengan cepat mengidentifikasi bagian dari kode dan bukan kode itu sendiri, dan Anda dapat secara visual meningkatkan elemen kunci yang memungkinkan, seperti warna, panjang garis, spasi...

Cukup banyak menunggu ini sebelum saya beralih.

Dan juga bisa membuatnya menunjukkan git diff dan menyorot posisi saat ini？

Pembaruan cepat tentang ini:

Saat ini rendering baris kode sumber bekerja dengan:

1. Render banyak bentang dan masing-masing mendapatkan sebagai nama kelas cakupan TM yang dihasilkan:

<span class="token block ts meta arrow expr var leading whitespace" style="width:38.53125px">→&nbsp;&nbsp;&nbsp;</span>
<span class="token block ts meta other constant arrow expr var">TO_USER_SETTINGS_MAP</span>
<span class="token block ts meta arrow brace square expr array literal var">[</span>
<span class="token block ts meta variable other arrow object expr array literal var">KeyCode</span>
<span class="token block ts punctuation meta arrow accessor expr array literal var">.</span>
<span class="token block ts meta variable other arrow property expr array literal var">DownArrow</span>
<span class="token block ts meta arrow brace square expr array literal var">]</span>
<span class="token block ts meta arrow expr var">&nbsp;</span>
<span class="token block ts meta keyword operator arrow assignment expr var">=</span>
<span class="token block ts meta arrow expr var">&nbsp;</span>
<span class="token block ts punctuation definition string quoted single begin meta arrow expr var">'</span>
<span class="token block ts string quoted single meta arrow expr var">Down</span>
<span class="token block ts punctuation definition string quoted single end meta arrow expr var">'</span>
<span class="token block ts punctuation terminator statement meta arrow expr var">;</span>

2. Hasilkan banyak aturan css dari tema TM

.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.comment { color: rgba(117, 113, 94, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.string { color: rgba(230, 219, 116, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.constant.numeric { color: rgba(174, 129, 255, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.constant.language { color: rgba(174, 129, 255, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.constant.character { color: rgba(174, 129, 255, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.constant.other { color: rgba(174, 129, 255, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.variable {  }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.keyword { color: rgba(249, 38, 114, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.storage { color: rgba(249, 38, 114, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.storage.type { font-style: italic; color: rgba(102, 217, 239, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.entity.name.type.class { text-decoration: underline; color: rgba(166, 226, 46, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.entity.other.inherited-class { font-style: italic; text-decoration: underline; color: rgba(166, 226, 46, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.entity.name.function { color: rgba(166, 226, 46, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.variable.parameter { font-style: italic; color: rgba(253, 151, 31, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.entity.name.tag { color: rgba(249, 38, 114, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.entity.other.attribute-name { color: rgba(166, 226, 46, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.support.function { color: rgba(102, 217, 239, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.support.constant { color: rgba(102, 217, 239, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.support.type { font-style: italic; color: rgba(102, 217, 239, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.support.class { font-style: italic; color: rgba(102, 217, 239, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.support.other.variable {  }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.invalid { color: rgba(248, 248, 240, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.invalid.deprecated { color: rgba(248, 248, 240, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.meta.structure.dictionary.json.string.quoted.double.json { color: rgba(207, 207, 194, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.meta.diff { color: rgba(117, 113, 94, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.meta.diff.header { color: rgba(117, 113, 94, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.markup.deleted { color: rgba(249, 38, 114, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.markup.inserted { color: rgba(166, 226, 46, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.markup.changed { color: rgba(230, 219, 116, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.constant.numeric.line-number.find-in-files.-.match { color: rgba(174, 129, 255, 0.63); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.entity.name.filename.find-in-files { color: rgba(230, 219, 116, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.markup.quote { color: rgba(249, 38, 114, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.markup.list { color: rgba(230, 219, 116, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.markup.bold { color: rgba(102, 217, 239, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.markup.italic { color: rgba(102, 217, 239, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.markup.inline.raw { color: rgba(253, 151, 31, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.markup.heading { color: rgba(166, 226, 46, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.markup.heading.setext { color: rgba(166, 226, 46, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .monaco-editor-background { background-color: rgba(39, 40, 34, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .glyph-margin { background-color: rgba(39, 40, 34, 1); }
.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .monaco-workbench .monaco-editor-background { background-color: rgba(39, 40, 34, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token { color: rgba(248, 248, 242, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .cursor { background-color: rgba(248, 248, 240, 1); border-color: rgba(248, 248, 240, 1); color: rgba(7, 7, 15, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .token.whitespace { color: rgba(59, 58, 50, 1) !important; }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .lines-content .cigr { background: rgba(72, 71, 62, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .current-line { background-color: rgba(62, 61, 50, 1); border: none; }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .focused .selected-text { background-color: rgba(73, 72, 62, 1); }
.monaco-editor.vs-dark.vscode-theme-monokai-themes-Monokai-tmTheme .selected-text { background-color: rgba(73, 72, 62, 0.5); }

3. Biarkan browser melakukan keajaibannya :)

Diskusi

Ini sangat tidak efisien:

• kita perlu menyimpan semua cakupan ini per token (penggunaan memori tinggi -- sehingga menggulir ke atas/bawah akan menjadi operasi pencarian memori alih-alih panggilan untuk tokenize dengan TM)
• kita perlu melukis semua cakupan ini (lihat saja ukuran besar HTML untuk membuat satu baris)
• kami menekan browser untuk mencocokkan semua CSS ini

Ini diterapkan pada saat kami tidak menggunakan TM dan itu adalah cara terbaik untuk memiliki dunia di mana beberapa tokenizers masih ditulis secara manual, sementara yang lain dilakukan dengan TM. Sekarang setelah kita selesai memindahkan json, css, less, scss, html, razor dan setang ke ekstensi, kita dapat mulai mengoptimalkan lagi :).

Saya ingin mengubahnya menjadi model di mana:

• kami segera (dekat dengan tempat tokenisasi terjadi) menyelesaikan gaya per token
• simpan hanya gaya itu (ini berarti mengubah tema akan menghapus semua token yang di-cache)
• render hanya menggunakan gaya-gaya tersebut (misalnya tidak perlu merender nama kelas block jika tidak ada aturan dalam tema yang akan memilihnya), kita dapat menyejajarkannya (yaitu style="..." ) atau menghasilkan yang disesuaikan nama kelas (dengan nama unik pendek yang diharapkan akan membantu browser melakukan keajaibannya lebih cepat).

Akhirnya, itu akan memungkinkan kita untuk dengan cepat mengetahui warna / keberanian / penekanan apa yang dimiliki token tertentu. Kami kemudian dapat menggunakan informasi ini untuk melukis (menggunakan <canvas> ) persegi panjang yang mendekati bentuk teks. Persegi panjang dapat dicat hanya untuk teks yang dijamin Kiri-Ke-Kanan (yang sekarang kita lacak sejak beberapa hari). Teks Bi-Di / RTL tidak akan mendapatkan minimap karena tata letak teks kita dilakukan oleh browser dan akan benar-benar mati. Juga dipertanyakan apa yang harus kita lakukan dengan font proporsional.

Maaf untuk posting yang panjang, hanya ingin memberi tahu Anda bahwa ini ada di radar kami dan mungkin lebih diprioritaskan karena kemungkinan kemenangan perf.

+1

+1

+1

Github memiliki cara untuk mendapatkan jempol. Silakan gunakan itu. +1 adalah
benar-benar mengacaukan benang.

Pada Kam, 3 Nov 2016 jam 10:46, Filiphe Vilar Figueiredo <
[email protected]> menulis:

+1

—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/Microsoft/vscode/issues/4865#issuecomment -258219634,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/AA-JVK1A3zeRm0CUCePdrkPdqtRdbtMfks5q6h3ZgaJpZM4H93xs
.

Ada kemajuan dalam hal ini, teman-teman? Apakah masyarakat bisa membantu?

Harap berhenti mengirim spam ke utas dengan +1, FFS. Saat kami mengikuti masalah ini, kami ingin mendapatkan info terkait tentang kemajuan fitur ini, bukan spam oleh +1. Gunakan reaksi acungan jempol pada komentar asli atau suara naik di UserVoice sebagai gantinya.

Saya berpikir bahwa akan sangat bagus jika kita bisa mengklik tombol tengah mouse kita dan menavigasi di sekitar editor seperti yang kita bisa di browser seperti Microsoft Edge, atau Visual Studio. Menggulir ke atas dan ke bawah sangat bagus tetapi dari sisi ke sisi akan lebih bagus! Saya ingin sekali dapat mengklik tombol tengah mouse untuk membuka roda gulir atas, bawah, kiri, kanan dan bergerak di sekitar layar dengan menggerakkan mouse. Cobalah di Edge dan lihat apa yang saya bicarakan!

Haruskah saya memposting ini di bawah sesuatu yang baru?

saya tidak akan melakukan +1, untuk mendapatkan suara, tolong coba selesaikan masalah ini setelah build November mendatang sehingga kita dapat melihat ini pada Januari, saya sangat merindukan ini.
Pembaruan: dan saya mendapatkan banyak suara, juga LOL

Semua @jschraub mengatakan bahwa kita membutuhkan Bird Eye View

Saya menggunakan Sublime dalam hubungannya dengan VSCode hanya untuk alasan ini bahwa saya tidak memiliki cara untuk mengintip kode ribuan baris saya.

Saya bingung. tim tampaknya telah menggunakan reaksi untuk menilai minat dan memprioritaskan permintaan fitur... mereka bahkan menyebutkan banyak "keluar panas" di blog terakhir yang mendapat ~332. Namun "Bilah Gulir yang Disempurnakan" saat ini #1 (saya percaya) dengan lebih dari 600 belum menjadi tonggak sejarah? jadi ada apa, mengapa tim pengembang tidak membagikan pandangan kami tentang ini?

untuk apa nilainya... ini adalah salah satu alasan utama saya tetap menggunakan Atom... Minimap Atom dan plug-in pihak ke-3 untuk itu sangat fantastis... tanpa diragukan lagi memiliki implementasi terbaik (karena ada api penuh untuk itu)

Pembaruan tentang ini

Kami sedang berupaya untuk dapat menerapkan fitur ini:

• bagian dari pekerjaan selesai di vscode-textmate pada cabang next -- https://github.com/Microsoft/vscode-textmate/tree/next
• di sana kita sekarang bisa mendapatkan (dalam format yang dikodekan biner) hasil tokenisasi + pencocokan tema. yaitu kita mendapatkan warna lurus, gaya font, dll, dari tokenizer yang sekarang bisa mendapatkan informasi tema (yaitu aplikasi tema dapat dilakukan dalam kode alih-alih melalui CSS)
• kita perlu mengadopsi format baru ini di vscode .
  
  
  
  • itu berarti kita perlu mengadopsi format baru ini juga untuk penyedia tokenisasi lainnya (total ada 3: textmate, monarki dan manual). Dua yang terakhir ikut bermain di monaco-editor .
  
  
  • kami sedang membersihkan token editor mandiri .css sehingga dapat diubah menjadi struktur data JS (lihat https://github.com/Microsoft/vscode/commits/master/src/vs/editor/browser/ mandiri/media/token mandiri.css)
  
  
  • kita sudah selesai menyelaraskan token monaco-languages sedemikian rupa sehingga semuanya memancarkan token gaya klasik.
  
  

tersisa untuk dilakukan:

• [x] ubah tokenizer monarki/manual untuk menggunakan pencocokan tema di JS (bukan di CSS) dan untuk menghasilkan format biner yang sama dengan vscode-textmate .
• [x] mengadopsi format biner tokenisasi baru dalam model editor
• [x] mengadopsi format tokenisasi baru di tampilan editor
• [x] mulai mengimplementasikan fitur ini

TL;DR Kami sedang mengerjakannya, terkadang butuh banyak pekerjaan di bawah tenda sebelum sampai ke hal-hal yang mencolok.

Saya hanya ingin Anda mempertimbangkan untuk menampilkan pilihan dan hasil pencarian yang disorot di minimap sebagai fitur.

+1

apa statusnya sekarang, seseorang meringkas plz.

Inilah yang sebenarnya hilang dari Visual Studio Code.

@charlesmilette : "Tolong hentikan spam utas dengan +1, FFS. Ketika kami mengikuti masalah ini, kami ingin mendapatkan info terkait tentang kemajuan fitur ini, bukan spam oleh +1. Gunakan reaksi jempol pada komentar asli atau pilih suara di UserVoice sebagai gantinya."

Silakan gunakan 👍 reaksinya. Jangan berkomentar +1.

+1

Benar-benar di luar topik, tetapi setelah menjadi spam dengan balasan +1, saya tidak dapat menyalahkan pengguna untuk ini karena berbagai alasan :

• Versi seluler Github tidak memiliki UI untuk reaksi, saya harus beralih ke UI desktop untuk melihatnya.
• UI komentar ada di bagian bawah halaman dan reaksi dilampirkan pada posting pertama di atas. Pintasan reaksi harus dilampirkan ke UI komentar dan secara otomatis ditautkan ke pos pertama.
• Postingan "+1" seharusnya secara otomatis terdeteksi dengan penguraian sederhana dan diubah menjadi reaksi atau setidaknya mengusulkan pengguna untuk melakukannya.
• Github harus mengusulkan untuk menerima pemberitahuan untuk posting dengan jumlah minimal n karakter.

Senang mendengar bahwa fungsi peta mini sedang dalam pengembangan, yang memberi saya yang mentransfer dari teks luhur lebih percaya diri untuk tetap menggunakan kode vs.

Apakah ada alasan mengapa ini tidak diterapkan sebagai ekstensi? Jika itu tersedia - kedengarannya seperti hal yang sempurna untuk sebuah ekstensi.

ekstensi akan menjadi solusi sementara bukan solusi yang baik. Apakah Anda benar-benar ingin memasang fitur dasar satu per satu melalui ekstensi?. Pertama Unduh VScode, lalu berikut adalah daftar 30 ekstensi yang mungkin tidak berfungsi sama sekali tetapi akan diperlukan untuk menyediakan sebagian besar fungsi dasar. (1. salin/tempel v3.0, 2. tab, 3. indentasi otomatis, 4. tabstospace, 5. simpan otomatis, 6. penyorot warna,...... 28. birdeyeview_by_dx3ee_v1.0.1 ...)

Menunggu implementasi fungsi minimap ini untuk beralih dari Atom.

@techsin Ini bukan fitur dasar .. ini lebih merupakan preferensi pribadi.
Sejauh yang saya lihat, sampai sekarang API tidak mengizinkan rendering elemen khusus sedemikian rupa, oleh karena itu tidak mungkin bahkan mencoba membuat ekstensi seperti itu.

@sapiraz Saya setuju dengan Anda, itu tidak penting untuk editor teks, tapi saya juga berpikir itu salah satu alasan mengapa Sublime Text (atau Atom) begitu populer. Ini adalah fitur 'kunci' yang membuat orang ketagihan! Sebagai contoh, katakanlah setiap editor memiliki teks hitam dan latar belakang putih, dan editor teks baru menawarkan pilihan untuk mengubahnya sesuai keinginan Anda. Tentu saja itu tidak terlalu penting untuk tujuan editor teks, tetapi itu meningkatkan pengalaman sedemikian rupa sehingga orang-orang siap untuk meninggalkan editor bagus mereka untuk yang satu ini. Dan saya pikir itulah yang terjadi di sini. UX juga penting ;)

UX sangat penting, membuat perbedaan antara pengalaman yang baik dan perasaan yang sangat menjengkelkan yang Anda dapatkan ketika Anda merasa "ini tidak benar" atau "Saya sangat merindukan itu".

Ini tidak berbeda dengan memiliki jalan pintas dan pencarian yang baik. Apakah ini penting untuk kode? Tidak juga, tetapi sekali lagi saya dapat membuat kode dengan editor teks ...

Saya harus setuju dengan @sapiraz di sini, bisa menjadi fitur yang bagus atau bahkan penting bagi banyak orang, tetapi jangan menyebutnya sebagai fitur dasar. Sejauh ini Sublime adalah satu-satunya editor yang memiliki ini sebagai default (pada Atom adalah ekstensi oleh abe33), dan Sublime tidak memiliki fungsionalitas yang diperluas pada scrollbar yang disediakan Code.

Bagi saya kecepatan dan stabilitas adalah fitur yang jauh lebih baik dan benar-benar "dasar", dan jika tim bekerja untuk menerapkan ini dengan cara terbaik, saya akan memberi mereka semua waktu yang mereka butuhkan.

@jfcartier , @JonnyBGod Tentu saja UX itu penting.
Saya juga menyukai fitur minimap di editor lain dan berharap untuk segera melihatnya di VSCode.. tapi jangan sebut itu bukan - fitur dasar.

Anda tidak dapat benar-benar membandingkannya dengan pintasan, pencarian, salin/tempel atau bahkan dukungan skema warna karena fitur ini sangat penting dan menambah nilai yang jelas untuk lingkungan kerja (Ya, bahkan skema warna pun penting - saya menderita ketegangan mata dan duduk 9 jam sehari di depan layar putih terang tidak ada gunanya bagi mata saya) sedangkan minimap tidak memberikan kegunaan yang begitu penting sehingga Anda tidak dapat hidup tanpanya.

Jika ada yang bertanya kepada Anda apa nilai tambah minimap, bisakah Anda memberikan argumen yang bagus selain "terlihat bagus"? aku tidak bisa.
Sekali lagi, saya suka fitur ini, setelah bekerja dengan Sublime text & Atom saya sangat suka memilikinya di samping hanya untuk memiliki sedikit perspektif tentang di mana saya berada. tapi apakah itu perlu? tidak.
Anda dapat menggulir, Anda dapat melihat konten file Anda ,

Saya sedang bekerja dengan VSCode sekarang di beberapa proyek, dan memilihnya karena kurangnya fitur dasar nyata yang dimiliki editor modern lainnya .. di antaranya adalah kinerja & stabilitas (ehem, Brackets), dukungan multibahasa (Sublime), dukungan asli dari bahasa web & Intellisense (maaf Atom) atau bahkan penginstal ekstensi asli yang mudah digunakan (sekali lagi, Sublime)

ada yang bertanya kepada Anda apa nilai tambah minimap, bisakah Anda memberikan argumen yang bagus selain "terlihat bagus"?

Ya. Ini secara substansial membantu menavigasi file besar. Setidaknya itu sebabnya aku sangat merindukannya.

@fredrikaverpil Yah "secara substansial" menurut saya agak berlebihan, tapi pasti.
Masih tidak bisa membandingkannya dengan pencarian atau copy/paste..

@fredrikaverpil Ada cara lain yang berguna untuk menavigasi file besar. @sapiraz benar karena ini bukan fitur dasar, dan membandingkannya dengan fitur yang benar-benar mendasar (seperti indentasi otomatis pada tempel.. ayolah!) agak sulit.

Yang mengatakan, saya pikir kita dapat _semua_ setuju bahwa kita benar-benar ingin ini tersedia dengan satu atau lain cara.

Utas ini telah berubah menjadi anonim, lihat ini adalah fitur yang saya lewatkan di VSCode saat ini. Jika itu bisa diimplementasikan dalam versi yang akan datang, bagus jika tidak, itu akan memalukan tetapi saya akan mencoba mengatasinya.

@sapiraz Saya sepenuhnya setuju dengan argumen Anda dan tidak akan membantahnya hanya untuk membantah, karena saya pikir setiap orang yang membumi akan mengatakan hal yang sama. Tapi ada tapi (dan ini adalah posting terakhir saya di sini, cukup spamming lol)

bisakah Anda mengajukan argumen yang bagus selain "terlihat bagus"? aku tidak bisa.
...
mengapa melihat kode Anda dalam versi kecil yang tidak dapat dibaca berguna bagi Anda?

Jangan katakan itu tidak berguna, karena Anda tidak melihatnya seperti itu. Biasanya, untuk mengetahui apakah ada sesuatu yang berguna, statistik sangat membantu, tetapi saya tidak punya, jadi saya hanya bisa mengandalkan semua orang (termasuk saya sendiri) yang tidak akan menggunakan VS hanya karena ini! Ini bukan apa-apa. Tentu saja, saya pikir kita semua akan setuju bahwa itu jelas merupakan penolakan terhadap perubahan, tetapi kita masih mengatakan itu berguna bagi kita dan tidak terlalu ilmiah untuk menurunkan pentingnya itu dengan penilaian pribadi.

Jika saya dapat memberikan argumen. Berikut adalah satu:

(Presisi) Karena saya tahu kode saya, saya tahu bahwa saya telah mengubah kueri Db berdasarkan bentuknya.
(Kecepatan) Dengan satu klik, saya bisa sampai di sana. Tidak ada gulir.
(UX) Jika Anda bekerja di file besar, itu sangat membantu. Ini memberi perasaan untuk mengontrol segalanya, jadi Anda tidak perlu mencari.

Saya sangat senang melihat fitur ini di Rencana Iterasi Februari #20021

Kami akan bertemu fitur ini di awal Maret
Terima kasih atas kerja samanya @all

Setelah dikirimkan, apakah pengguna dapat menonaktifkan ini sepenuhnya?

Saya tidak peduli jika ini memindahkan sedikit kinerja dari satu tempat ke tempat lain hanya untuk membuat tampilan lain yang lebih kecil.

Saya akan tetap menggunakan / , ? mencari karena saya memiliki semua yang saya butuhkan dengan itu.

+1 untuk Peta Mini. Rly w8ing

Tampaknya sudah tersedia dalam versi orang dalam,
Harus diaktifkan di pengaturan, setel "editor.minimap.enabled" ke true :)

Saya mencoba minimap di versi orang dalam, dan itu tampak hebat kawan!

Beberapa saran:

• Saya ingin dapat mengklik dan menyeret wilayah jendela yang mirip dengan mengklik dan menyeret bilah gulir.
• Saya ingin pengaturan editor.minimap.width untuk dimainkan, minimap agak terlalu lebar untuk saya.

PS: Performanya luar biasa, pujian untuk kalian!

Harap pastikan bahwa sorotan benar-benar terlihat di minimap (seperti menjalankan fungsi find) karena di Sublime, meskipun disorot, sorotannya sangat minim sehingga Anda tetap harus menelusuri seluruh file ...

Terima kasih telah mendengarkan

Mampu menggulir ke atas'n'bawah akan bagus... (seperti Sublime)
Saat ini sepertinya hanya diklik :-(

Kerja bagus tho' - sangat dihargai!

Pada tanggal 19 Februari 2017 21:20, Mladen Mihajlovic [email protected]
menulis:

Pastikan sorotan benar-benar terlihat di minimap (seperti
menjalankan fungsi find) sejak di Sublime, meskipun mereka
disorot, sorot sangat minim sehingga Anda harus pergi
melalui seluruh file pula ...

Terima kasih telah mendengarkan

—
Anda menerima ini karena Anda berlangganan utas ini.
Balas email ini secara langsung, lihat di GitHub
https://github.com/Microsoft/vscode/issues/4865#issuecomment-280949966 ,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/AATV7DaFs9W2PNnpIYzmSIQQqaIDv60Sks5reLIJgaJpZM4H93xs
.

Mampu menggulir melalui mengklik/menyeret topeng overlay. Sama seperti atom, teks luhur, tanda kurung, geany dll

Apakah mungkin untuk menyesuaikan tingkat pembesaran? Terkadang saya ingin membuatnya lebih besar atau lebih kecil ukuran font tergantung pada apa yang saya kerjakan.

Terima kasih atas kesabaran Anda atas permintaan fitur ini.

Dasar-dasar

• Kami menggunakan geometri minimap yang berbeda dari Visual Studio.
• Kami mengirimkan dua "font" abu-abu, satu di mana karakter berukuran 4x2 (tinggi 4px dan lebar 2px -- disingkat x2 ), dan satu lagi dengan karakter berukuran 2x1 (tinggi 2px dan lebar 1px -- disingkat sebagai x1 ).
• Berdasarkan devicePixelRatio atau pada tingkat zoom, kita akan memilih font minimap x2 atau x1 . Itu berarti pada perangkat retina atau perangkat rasio piksel tinggi lainnya (misalnya Surface Books) font x2 akan dipilih pada zoomLevel 0, sedangkan pada perangkat lain font x2 akan dipilih hanya saat menggunakan zoomLevel 4 ke atas.
• Ini berarti bahwa sebuah garis mendapatkan jumlah tetap layar vertikal di minimap, baik 4px atau 2px.
• Jika file memiliki lebih banyak baris daripada yang muat di minimap, minimap akan menggulir :

Catatan tentang font

• Setiap karakter di minimap dicat sesuai dengan font x2 atau x1
• Ini adalah font x2 dengan zoom 800%. Bisakah Anda membaca apa yang ada di sana:

• Jika Anda merasa bersemangat tentang hal itu, saya akan senang untuk mendapatkan bantuan Anda dalam menyempurnakan font ini. Mereka tinggal di sini

Mencobanya

"editor.minimap.enabled": true di saluran orang dalam

Apa yang sudah dilakukan?

Kode rendering karakter/token berada dalam kondisi yang cukup baik (perf bijaksana) untuk mengirimkannya: piksel dari bingkai sebelumnya disalin ke bingkai berikutnya sesuai kebutuhan, membuat render minimap sebagian besar membutuhkan waktu di bawah 1 md. Dalam kondisi tertentu (misalnya file terbungkus kata yang diperkecil, melompat ke posisi vertikal yang berbeda) dapat memakan waktu hingga beberapa puluh ms, tetapi secara keseluruhan, saya agak senang dengan kode rendering char.

Apa yang tersisa untuk dilakukan?

Ada banyak hal yang tersisa untuk dilakukan. Untuk menyebutkan beberapa saja:

• Minimap: Terapkan menyeret slider minimap. #20935
• Minimap: font 2x1 memiliki terlalu banyak penyimpangan #20929
• Minimap: Batasi lebarnya hingga maksimum 150px #20931
• Minimap: Render lebih dari karakter di dalam minimap #20934
• Minimap: Tambahkan opsi untuk merender blok alih-alih karakter #20947

Beberapa masalah menghabiskan lebih banyak waktu, sementara yang lain lebih menantang (misalnya jika kesalahan di luar minimap dicat di suatu tempat, dapatkah kita meminta minimap mengambil alih kebutuhan akan penggaris ikhtisar, dll.)

Kami akan melacak semua masalah terkait minimap dengan label editor-minimap dan saya ingin menutup masalah ini saat ini.

Mari kita lanjutkan diskusi dalam isu-isu spesifik yang mencakup aspek-aspek yang berbeda, beberapa di antaranya akan selesai pada bulan Februari, sementara kita akan membahas beberapa lainnya nanti.

@alexandrudima

Bagaimana dengan komentar ini? https://github.com/Microsoft/vscode/issues/4865#issuecomment -255368352

Saya lebih suka daripada teks kecil yang tidak dapat dibaca dan memberikan informasi yang saya butuhkan. Saya tidak yakin betapa sulitnya itu, tetapi dari suaranya Anda bisa membuat font baru di mana setiap karakter hanyalah kotak padat, dikurangi spasi.

@sprinkle131313 Saya telah mengekstrak komentar Anda ke edisi terpisah - #20947.

Mari kita lanjutkan diskusi dalam masalah khusus yang terpisah, jangan ragu untuk membuat masalah baru jika Anda tidak menemukannya. Saya akan terus memperbarui komentar saya di atas dengan tautan sehingga kita semua dapat berpartisipasi dalam diskusi tertentu.

Terima kasih! Bersedia melihatnya stabil!

Pertanyaan: apakah mungkin agar minimap juga menjadi kursor? Ini adalah perilaku default di VS, dan inilah yang saya lihat sebagai perbedaan utama antara 2 aplikasi. Perhatikan juga bahwa saya menginstal versi insiders untuk mengujinya

_EDIT_
Tidak apa-apa, baru sadar ada masalah terbuka #20935 untuk itu

@alexandrudima Terima kasih untuk #20947. Apakah mungkin untuk menjadikan "editor.minimap.renderCharacters": false sebagai default untuk membuat blok alih-alih teks? IMO terlihat jauh lebih menyenangkan dan memiliki kegunaan yang lebih baik.

Saya ingin dapat memperbesar ketika saya melewati teks atau blok (tergantung pada pendekatan akhir). Saat ini, saya tidak dapat membaca apa pun atau mengetahui di bagian kode mana saya berada, ini berguna jika Anda sedang mengerjakan bagian kode yang besar.
Juga, saya menemukan bahwa jika saya terus mengklik dan mencoba menggulir atau memindahkan minimap tidak ada yang terjadi, saya harus berhenti untuk mengklik dan memilih bagian lain dari kode.

@FANMixco Saya sedang memikirkan petisi Anda, tetapi saat ini saya tidak yakin mengapa Anda memerlukan fitur seperti itu, karena jika Anda mengklik minimap, kode digulir ke titik itu tanpa menggerakkan kursor, jadi secara efektif hal yang sama sebagai hover/zoom. Mungkin melayang lebih efisien daripada mengklik?

@druellan , saya percaya bahwa @FANMixco berbicara tentang fitur zoom minimap yang sudah ada di Visual Studio biasa seperti yang ditunjukkan di bawah ini

EDIT
Lupa menyebutkan bahwa zoom hanya muncul setelah berada di atas minimap selama 2 detik. Jika Anda melewati minimap dan mulai menggulir, zoom tidak akan muncul, Anda benar-benar harus berhenti menggulir dan menunggu 2 detik untuk melihatnya.

Jika @ghiscoding benar tentang fitur @FANMixco , maka itu pasti opsional, karena saya pikir banyak orang (seperti saya) tidak suka popup.

Terima kasih @ghiscoding , sekarang lebih jelas. Saya masih agak percaya ini bukan peningkatan besar atas mekanisme klik+geser, pada kenyataannya, terlihat lebih berguna TANPA minimap, pada bilah gulir yang ditingkatkan itu sendiri. Jenis fitur yang berdiri sendiri dan bukan bagian dari fitur minimap.

Tentang saran @pohmelie , saya sangat setuju, tetapi saya yakin ini juga dapat dilampirkan ke pengubah shortkey, seperti ctrl+hover pada scrollbar/minimap untuk memicu fungsi.

@druellan Ini juga sama dengan ekstensi https://atom.io/packages/minimap-codeglance di Atom. 11.000 unduhan tampaknya menyarankan banyak orang menyukai/membutuhkannya.

Secara pribadi saya tidak melakukannya, jadi jika Anda menerapkannya, harap jadikan itu opsional. Mekanisme pemicu/tombol pintas memang terdengar bagus, terutama jika diterapkan pada bilah gulir dan juga minimap.

Apakah ada cara untuk mengaktifkannya seperti toggle-sidebar(ctrl-b) toggle-panel(ctrl-j) ?

Saya suka minimap baru. Satu hal yang saya lewatkan adalah penyorotan teks yang ditemukan dengan pencarian atau temukan-duplikat. Saya melampirkan dua tangkapan layar untuk memvisualisasikan masalah itu.

Fitur yang bagus teman-teman!

💃

@sixenvi Saya menyarankan Anda untuk menambahkan permintaan fitur terpisah

Saya tidak yakin bahwa tim VSCode membaca komentar atau permintaan tentang masalah yang ditutup, seperti ini di sini.

Hai @druellan ! Ya, @ghiscoding yang saya maksud, mungkin kita bisa mengatur waktunya karena agak bingung.

Halo semuanya! Jika VS Code melewatkan satu fitur, ini dia dan sekarang lengkap! Implementasi yang bagus dan kinerja yang luar biasa. ( @alexandrudima seperti biasa kamu membuatku terpesona!)

Hanya satu hal sederhana yang saya perhatikan:

Temuan yang bagus. Saya pikir Anda harus mengajukan bug baru karena ini ditutup. Tim Vscode
mungkin tidak melihatnya.

Pada Jum, 3 Mar 2017 jam 7:51 Pouya Kary [email protected] menulis:

Halo semuanya! Jika VS Code hanya melewatkan satu fitur, ini dia dan tidak ada
tidak ada yang bisa saya harapkan! Implementasi yang bagus dan hebat
pertunjukan. (Seperti biasa kamu membuatku terpesona!)

Hanya satu hal sederhana yang saya perhatikan:

[gambar: gulir di luar layar]
https://cloud.githubusercontent.com/assets/2157285/23557582/c264e420-0045-11e7-9ea6-8789f30db9de.gif

—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/Microsoft/vscode/issues/4865#issuecomment-283990000 ,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/AA-JVANXdhu57m4hlAODRcV6qhsNGzgrks5riDb3gaJpZM4H93xs
.

@nojvek ah tidak menyadarinya! oke satu masalah lagi...

Satu hal lagi yang menurut saya bagus - jangan sembunyikan posisi saat ini di minimap (saat ini hanya terlihat di mouseover).

Mungkin memiliki satu kunci lagi dalam pengaturan untuk ini akan menjadi yang terbaik.

@Andrfas ini dilacak di #21404 dan #21784.

Sebagai saran, kalian harus berhenti menulis di masalah tertutup yang tidak terlacak lagi dan mencari/membuka masalah baru.

Saya ingin tombol scrollbar.

Bisakah kita membuat peta atau bilah gulir hanya muncul saat mouse di atas tepi?

@gauravsaini ini adalah masalah tertutup

apakah ada cara untuk menggunakan versi yang lebih lama? di salah satu sumber online saya, guru menggunakan peta, dan itu mengkategorikan blok kode, dengan begitu banyak kode, itu tidak dapat dibaca sama sekali di bilah sisi, jadi jauh lebih baik untuk mengabaikan melihat kode, tetapi memiliki kode yang dikategorikan berdasarkan kode mereka blok.

@deadmann jika Anda ingin mematikan minimap cukup masuk ke pengaturan Anda dan temukan:

// Controls if the minimap is shown
  "editor.minimap.enabled": true,

Dan setel ke false. Tidak perlu kembali ke versi yang lebih lama.

@deadmann jika Anda ingin mematikan minimap cukup masuk ke pengaturan Anda dan temukan:

// Mengontrol jika minimap ditampilkan
"editor.minimap.enabled": benar,
Dan setel ke false. Tidak perlu kembali ke versi yang lebih lama.

Saya ingin mini-map, sebenarnya saya yang mengaktifkannya, tetapi saya ingin dalam bentuk yang lebih sederhana, ketika kode saya bertambah, dan dengan garis panjang, tidak mudah untuk melihat mini-map, maksud saya, bisakah Anda benar-benar membaca ini?

Saya menemukannya, sistem lain, di mana kami memiliki proyek besar, saya hanya ingin memberi tahu Anda bahwa itu tidak dapat dibaca dalam kasus seperti itu, di mana itu muncul, mungkin karena penggunaan versi VS yang berbeda di platform itu, atau karena filenya terlalu panjang. tapi itulah yang saya tunjukkan pada gambar.