Bagaimana saya bisa secara otomatis membungkus garis keras di VSCode? Maksud saya, jika sebuah baris mencapai kolom tertentu, secara otomatis memasukkan baris baru pada batas kata yang paling dekat dengan kolom itu tanpa melewati. Vim memiliki pengaturan yang disebut textwidth yang melakukan ini yang saya suka gunakan saat mengedit penurunan harga. Sepertinya VSCode tidak melakukannya, sejauh yang saya tahu. Ini hanya memiliki cara untuk mengontrol softwrapping.

VSCode tidak mendukung ini di luar kotak. Tetapi Anda dapat memasang Rewrapekstensi, yang memungkinkan Anda untuk memformat blok tempat kursor Anda berada saat ini dengan menekanAlt + Q.

Rewrap tidak memerlukan pengaturan lebih lanjut, karena membaca pengaturan VSCode untuk mendapatkan kolom yang akan dipecah.

Rewrapjuga mendukung pembungkusan otomatis (dinonaktifkan secara default): https://github.com/stkb/Rewrap/wiki/Auto-wrap

Sayangnya, VSCode belum memiliki fitur ini. Tapi, kita masih bisa membuatnya sedekat vim dengan fitur pembungkus kata otomatis yang indah.

Langkah pertama

Kita perlu mengatur fitur soft word wrap di VSCode.

1. Buka Pengaturan VSCode melalui Code => Preferences => Settings.

2. Tambahkan 3 baris pengaturan editor ini.

   "editor.wordWrap": "wordWrapColumn",
   "editor.wrappingIndent": "same",
   "editor.wordWrapColumn": n

   Jangan lupa untuk mengubah ( n ) dengan panjang garis kolom pilihan Anda. Bagi saya, saya merasa lebih nyaman menyetelnya ke 60.

3. Simpan pengaturan ini.

Tujuan utama dari langkah pertama ini adalah agar kita lebih nyaman saat mengetik karena tidak perlu mengetik secara manual Enterdan melihat baris teks yang panjang.

Tahap kedua

Kita perlu menginstal emulasi Vim untuk VSCode dan mengaturnya vim textwidth.

1. Instal emulasi Vim melalui ekstensi VSCode.
2. Buka Pengaturan VSCode melalui Code => Preferences => Settings.

3. Tambahkan baris pengaturan vim ini.

   "vim.textwidth": n,

   Jangan lupa untuk mengubah ( n ) dengan panjang garis kolom pilihan Anda. Bagi saya, saya akan mengatur ini menjadi sama dengan ( n ) di langkah pertama.

4. Simpan pengaturan ini.

Penggunaan Sebenarnya

Setelah selesai menulis seluruh dokumen, Anda dapat memformatnya menjadi garis bungkus keras menggunakan cara ini.

1. Blokir semua teks menggunakan mode garis visual (Shift + v)
2. Ketik 'gq'

Sekarang VSCode mendukung pembungkus otomatis di luar kotak.

Pengaturan -> Editor Teks -> 3 opsi terakhir (seperti pada hari ini) adalah untuk autowrapping.

1. Word Wrap (Mengontrol bagaimana garis harus dibungkus)
2. Word Wrap Column (Mengontrol kolom pembungkus editor)
3. Wrapping indent (Mengontrol indentasi garis yang dibungkus)

Secara default Word Wrap tidak aktif.

Saat ini ada permintaan Terbuka untuk ini di pelacak Masalah VS Code di GitHub, Anda Dapat Menemukannya Di Sini

Komentar Keras

Gunakan ekstensi Rewrap .

Kode Bungkus Lembut

Tambahkan pengaturan berikut (ganti lebar kolom dengan preferensi Anda): "editor.wordWrapColumn": 100

Lalu tambahkan salah satu "editor.wordWrap": "wordWrapColumn"(membungkus di kolom) atau "editor.wordWrap": "bounded"(membungkus di kolom atau viewport).

Komentar Bungkus Keras dan Kode Bungkus Lembut

Sayangnya ekstensi dan pengaturan VSCode tidak berfungsi dengan baik.

Jangan ragu untuk memberi suara positif pada permintaan fitur ini .