Bagaimana cara mengubah indentasi dalam Visual Studio Code?

Untuk setiap file naskah, kode studio visual menggunakan indentasi otomatis 8 spasi. Ini agak terlalu banyak untuk seleraku, tetapi aku tidak bisa menemukan tempat untuk mengubahnya.

Mungkin ini tersedia sebagai pengaturan tetapi dengan nama yang berbeda karena saya tidak dapat menemukan apa pun yang terkait dengan indentasi.

MEMPERBARUI

Saya saat ini menggunakan formatter kode Prettier dan yang memecahkan semua masalah pemformatan dengan memformat otomatis pada save (jika tidak ada kesalahan sintaksis)

Anda dapat mengubah ini di Userlevel global atau Workspacelevel.

Buka pengaturan: Menggunakan shortcut ctrl + ,atau klik File> Preferences> Settingsseperti yang ditunjukkan di bawah ini.

Lalu, lakukan 2 perubahan berikut: (ketik tabSizebilah pencarian)

1. Hapus centang pada kotak centang Detect Indentation
2. Ubah ukuran tab menjadi 2/4 (Meskipun saya pikir 2 benar untuk JS :))

Di bilah alat di sudut kanan bawah Anda akan melihat item yang terlihat seperti berikut: Setelah mengkliknya, Anda akan mendapatkan opsi untuk membuat indentasi menggunakan spasi atau tab. Setelah memilih jenis indentasi Anda, Anda akan memiliki opsi untuk mengubah seberapa besar indentasi. Dalam kasus contoh di atas, indentasi diatur ke 4 karakter spasi per indent. Jika tab dipilih sebagai karakter lekukan Anda, maka Anda akan melihat Ukuran Tab alih-alih Spasi

Jika Anda ingin ini berlaku untuk semua file dan tidak berdasarkan file individual, ganti pengaturan Editor: Tab Sizedan Editor: Insert Spacesdalam Pengaturan Pengguna atau Pengaturan Ruang Kerja tergantung pada kebutuhan Anda

Edit 1

Untuk sampai ke pengaturan pengguna atau ruang kerja Anda pergi ke Preferensi -> Pengaturan . Pastikan Anda berada di tab Pengguna atau Workspace tergantung pada kebutuhan Anda dan gunakan bilah pencarian untuk menemukan pengaturan. Anda mungkin juga ingin menonaktifkan Editor: Detect Indentationkarena pengaturan ini akan menimpa apa yang Anda tetapkan Editor: Insert Spacesdan Editor: Tab Sizekapan diaktifkan

Untuk mengubah lekukan berdasarkan bahasa pemrograman :

1. Buka Command Palette ( CtrlShiftP| MacOS: ⇧⌘P)
2. Preferensi: Konfigurasi pengaturan bahasa tertentu ... (perintah id: workbench.action.configureLanguageBasedSettings)
3. Pilih bahasa pemrograman (misalnya TypeScript)

4. Tambahkan kode ini:

   "[typescript]": {
       "editor.tabSize": 2
   }
   

Lihat juga: VS Code Documents

Anda mungkin juga ingin mengatur editor.detectIndentationke false, selain jawaban Elliot-J.

VSCode akan menimpa pengaturan Anda editor.tabSizedan editor.insertSpacesper file jika mendeteksi bahwa file memiliki pola lekukan tab atau spasi yang berbeda. Anda dapat mengalami masalah ini jika Anda menambahkan file yang ada ke proyek Anda, atau jika Anda menambahkan file menggunakan generator kode seperti Angular Cli. Pengaturan di atas mencegah VSCode dari melakukan ini.

Pintasan Pemformatan Kode:

VSCode pada Windows - Shift + Alt + F

VSCode pada MacOS - Shift + Option + F

VSCode di Ubuntu - Ctrl + Shift + I

Anda juga dapat menyesuaikan pintasan ini menggunakan pengaturan preferensi jika diperlukan.

pemilihan kolom dengan keyboard Ctrl + Shift + Alt + Arrow

Dalam kasus saya, ekstensi " EditorConfig for VS Code " mengesampingkan pengaturan VSCode. Jika Anda menginstalnya, maka periksa file .editorconfig di folder root proyek.

Berikut ini contoh konfigurasi. "Indent_size" mengatur jumlah spasi untuk sebuah tab.

# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false

Penjelasan sederhana dengan gambar untuk orang-orang yang googled "Ubah indentasi dalam VS Code"

Langkah 1: Klik Preferensi> Pengaturan

Langkah 2: Pengaturan yang Anda cari adalah "Detect Indentation", mulai mengetik itu. Klik pada "Editor: Ukuran Tab"

Langkah 3: Gulir ke bawah ke "Editor: Ukuran Tab" dan ketik 2 (atau apa pun yang Anda butuhkan).

Perubahan disimpan secara otomatis

Contoh perubahan saya

Untuk mengatur semua file yang ada dan file baru ke identifikasi ruang menjadi 2 cukup taruh di settingns.json Anda (di root json):

"[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features",
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.detectIndentation":false
 }

Anda dapat menambahkan jenis bahasa konfigurasi:

"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
} 

Cara mengubah 4 spasi indentasi dalam semua file dalam Kode VS ke 2 spasi

• Buka pencarian file
• Aktifkan Ekspresi Reguler
• Memasukkan: ( {2})(?: {2})(\b|(?!=[,'";\.:\*\\\/\{\}\[\]\(\)])) di bidang pencarian
• Masukkan: $1di bidang ganti

Cara mengubah 2 spasi indentasi dalam semua file dalam Kode VS menjadi 4 spasi

• Buka pencarian file
• Aktifkan Ekspresi Reguler
• Memasukkan: ( {2})(\b|(?!=[,'";\.:\\*\\\/{\}\[\]\(\)])) di bidang pencarian
• Masukkan: $1$1di bidang ganti

CATATAN: Anda harus mengaktifkan PERL Regex terlebih dahulu. Begini caranya:

• Buka pengaturan dan buka file JSON
• tambahkan berikut ini ke file JSON "search.usePCRE2": true

Semoga seseorang melihat ini.

Masalah: Jawaban yang diterima sebenarnya tidak memperbaiki lekukan di dokumen saat ini.

Solusi: Jalankan Format Documentuntuk memproses ulang dokumen sesuai dengan pengaturan saat ini (baru).

Masalah: Dokumen HTML di proyek saya bertipe "Django HTML" bukan "HTML" dan tidak ada formatter yang tersedia.

Solusi: Alihkan mereka ke sintaks "HTML", format mereka, lalu kembali ke "Django HTML."

Masalah: Pemformat HTML tidak tahu bagaimana menangani tag template Django dan membatalkan banyak dari sarang saya diterapkan dengan hati-hati.

Solusi: Instal ekstensi Indent 4-2 , yang melakukan indentasi dengan ketat, tanpa memperhatikan sintaksis bahasa saat ini (yang saya inginkan dalam kasus ini).

Saya ingin mengubah lekukan file HTML saya yang ada dari 4 spasi menjadi 2 spasi.

Saya mengklik tombol 'Spasi: 4' di bilah status dan mengubahnya menjadi dua di kotak dialog berikutnya.

Saya menggunakan ekstensi 'vim'. Saya tidak bisa kembali indentasi tanpa vim

Untuk indentasi ulang file saya saat ini, saya menggunakan ini:

gg

=

G

Menambahkan: ya, Anda dapat menggunakan UI kanan bawah untuk mengonfigurasi pengaturan ruang. Tetapi jika Anda memiliki kode yang sudah ada yang tidak diformat ke spasi baru, maka Anda dapat mengklik kanan di mana saja di dalam file dan klik Format Dokumen . Butuh waktu beberapa saat untuk mencari tahu sampai saya menemukan masalah ini .

Format menu Dokumen