Bagaimana untuk menyesuaikan tab-untuk-ruang faktor konversi ketika menggunakan Kode Visual Studio?
Misalnya, sekarang dalam HTML itu muncul untuk menghasilkan dua ruang per tekan TAB, tetapi dalam Naskah ini menghasilkan 4.
Secara default, Visual Studio Kode akan mencoba untuk menebak anda lekukan pilihan tergantung pada file yang anda buka.
Anda dapat mematikan lekukan menebak melalui "editor.detectIndentation": palsu
.
Anda dapat menyesuaikan ini dengan mudah melalui tiga pengaturan Windows di menu File → Preferensi → Pengaturan Pengguna dan Mac di menu Kode → Preferensi → Pengaturan atau ⌘,
:
// The number of spaces a tab is equal to. This setting is overridden
// based on the file contents when `editor.detectIndentation` is true.
"editor.tabSize": 4,
// Insert spaces when pressing Tab. This setting is overriden
// based on the file contents when `editor.detectIndentation` is true.
"editor.insertSpaces": true,
// When opening a file, `editor.tabSize` and `editor.insertSpaces`
// will be detected based on the file contents. Set to false to keep
// the values you've explicitly set, above.
"editor.detectIndentation": false
I'm menjalankan versi 1.21 tapi saya pikir ini mungkin berlaku untuk versi sebelumnya juga.
Lihatlah di bagian bawah kanan layar. Anda harus melihat sesuatu yang bertuliskan Ruang
atau Tab-Size
.
Tambang menunjukkan ruang, -->
Ruang
(atau Tab-Size
)Indent Menggunakan Ruang
atau Indent menggunakan Tab
Ini hanya bekerja per dokumen, bukan proyek-lebar. Jika anda ingin menerapkannya proyek-lebar, anda perlu juga menambahkan "editor.detectIndentation": false
untuk pengaturan pengguna anda.
Nah jika anda suka pengembang way, Kode Visual Studio memungkinkan anda untuk menentukan jenis file yang berbeda untuk tabSize
. Berikut ini adalah contoh dari pengaturan.json
dengan default 4 ruang dan JavaScript JSON 2 spasi:
{
// I want my default to be 4, but JS/JSON to be 2
"editor.tabSize": 4,
"[javascript]": {
"editor.tabSize": 2
},
"[json]": {
"editor.tabSize": 2
}
}
PS: Nah, jika anda tidak tahu bagaimana untuk membuka file ini (khusus di versi baru dari vscode), anda dapat:
kiri-bawah gigi
--> Pengaturan
--> Gulir ke bawah dan klik Edit di pengaturan.json
Secara default, Visual Studio Kode auto-mendeteksi lekukan saat membuka file. Jika anda ingin beralih fitur ini off dan membuat semua lekukan, misalnya, dua ruang, anda'd lakukan hal berikut dalam Pengaturan Pengguna anda atau ruang Kerja pengaturan.
{
"editor.tabSize": 2,
"editor.detectIndentation": false
}
Kita bisa kontrol tab ukuran file jenis dengan EditorConfig dan Kode Visual Studio ekstensi. Kita kemudian dapat membuat Alt + Shift + A spesifik untuk masing-masing jenis file.
ext install EditorConfig
.editorconfig
[*]
indent_style = space
[*.{cs,js}]
indent_size = 4
[*.json]
indent_size = 2
EditorConfig menimpa pengaturan apa pun.json untuk mengkonfigurasi editor. Ada tidak perlu untuk mengubah editor.detectIndentation
.
Anda ingin memastikan anda editorconfig tidak bertentangan dengan pengguna anda atau ruang kerja pengaturan konfigurasi, karena saya hanya punya sedikit gangguan berpikir pengaturan file pengaturan yang tidak diterapkan ketika itu saya editor konfigurasi membatalkan perubahan tersebut.
Jika anda menggunakan lebih cantik ekstensi di vscode, coba tambahkan ini ke pengaturan.file json:
"editor.insertSpaces": false,
"editor.tabSize": 4,
"editor.detectIndentation": false,
"prettier.tabWidth": 4,
"prettier.useTabs": true // this made it finally work for me
Di VSC versi 1.31.1
atau lebih (saya pikir).
Seperti sed Alex Dima.
Anda dapat menyesuaikan ini dengan mudah melalui pengaturan ini untuk
tombol ctr + shift + p
Ketika menggunakan Ketangkasan, default tab lebar selalu dua terlepas dari apa yang dikatakan dalam toolbar. Anda harus mengatur "lebih cantik.tabWidth" dalam pengaturan pengguna anda untuk mengubah itu.
Pilih + P, Jenis → pengaturan pengguna, tambahkan:
"prettier.tabWidth": 4
Jika jawaban yang diterima pada posting ini doesn't bekerja, memberikan ini mencoba:
Saya telah EditorConfig untuk Visual Studio Code dipasang di editor saya, dan itu terus menimpa saya pengguna pengaturan yang ditetapkan untuk indent file menggunakan spasi. Setiap kali saya beralih antara tab editor, file saya secara otomatis akan mendapatkan indentasi dengan tab bahkan jika saya telah dikonversi lekukan ke ruang!!!
Tepat setelah saya uninstall ekstensi ini, lekukan tidak ada perubahan lagi beralih antara tab editor, dan saya bisa bekerja dengan lebih nyaman daripada harus secara manual convert tab ke spasi setiap kali saya beralih file - yang menyakitkan.
@alex-dima's solusi dari 2015 akan mengubah tab ukuran dan ruang untuk semua file dan @Rumit's solusi dari 2016 tampaknya hanya mengubah pengaturan untuk file saat ini.
Pada 2017, saya menemukan solusi lain yang bekerja pada per-bahasa dasar. Kode Visual Studio tidak menggunakan yang tepat tab ukuran atau ruang pengaturan untuk obat Mujarab, sehingga saya menemukan bahwa saya bisa mengubah pengaturan untuk semua Mujarab file.
Saya diklik pada bahasa di status bar ("Mujarab" dalam kasus saya), pilih "Mengkonfigurasi 'obat Mujarab' bahasa berdasarkan pengaturan...", dan diedit obat-spesifik pengaturan bahasa. Saya hanya menyalin "editor.tabSize" dan "editor.insertSpaces" pengaturan dari pengaturan default di sebelah kiri (I'm sangat senang orang-orang yang ditampilkan) dan kemudian dimodifikasi mereka di sebelah kanan.
Bekerja hebat, dan sekarang semua obat Mujarab file bahasa penggunaan yang tepat tab ukuran ruang dan pengaturan.
Menu File → Preferensi → Pengaturan
Tambahkan ke pengaturan pengguna:
"editor.tabSize": 2,
"editor.detectIndentation": false
kemudian klik kanan dokumen anda jika anda memiliki satu sudah dibuka dan klik Format Dokumen untuk dokumen yang ada mengikuti pengaturan baru ini.
Saya mencoba untuk mengubah editor.tabSize
4, tapi .editorConfig
menimpa pengaturan apa pun aku telah ditentukan, sehingga tidak perlu untuk mengubah konfigurasi dalam pengaturan pengguna. Anda hanya perlu mengedit .editorConfig file:
set indent_size = 4
Jika ini adalah untuk Sudut 2, dan CLI menghasilkan file yang anda ingin berbeda diformat, anda dapat mengedit file-file ini untuk mengubah apa yang dihasilkan:
npm_modules/@angular/cli/blueprints/component/files/__path__/*
Tidak besar-besaran direkomendasikan sebagai npm update akan menghapus pekerjaan anda, tapi itu telah menyelamatkan saya banyak waktu.
User3550138 adalah benar. lonefy.vscode-js-css-html-formatter
menimpa semua pengaturan yang disebutkan dalam jawaban yang lain. Namun, anda don't harus menonaktifkan atau uninstall karena hal ini dapat dikonfigurasi.
Instruksi lengkap dapat ditemukan dengan membuka ekstensi sidebar dan klik pada ekstensi ini dan akan menampilkan petunjuk konfigurasi di editor workspace. Setidaknya itu bagi saya di Kode Visual Studio versi 1.14.1.