Bagaimana cara menyesuaikan faktor konversi tab-ke-ruang saat menggunakan Kode Visual Studio?
Sebagai contoh, sekarang dalam HTML tampaknya menghasilkan dua spasi per tekan TAB, tetapi dalam TypeScript menghasilkan 4.
visual-studio-code
vscode-settings
J. Abrahamson
sumber
sumber
tabSize
per bahasa? mis. saat mengedit banyak file dengan bahasa berbeda di Workspace yang sama (mis. Ruby, JavaScript, CSS, dll.) - Ruby adalah2
spasi, tetapi CSS4
biasanya ... biasanya.Saya menjalankan versi 1.21, tetapi saya pikir ini mungkin berlaku untuk versi sebelumnya juga.
Lihatlah sisi kanan bawah layar. Anda harus melihat sesuatu yang mengatakan
Spaces
atauTab-Size
.Milik saya menunjukkan spasi, →
Ini hanya berfungsi per dokumen, bukan di seluruh proyek. Jika Anda ingin menerapkannya di seluruh proyek, Anda juga perlu menambahkan
"editor.detectIndentation": false
ke pengaturan pengguna Anda.sumber
Nah, jika Anda menyukai cara pengembangnya, Visual Studio Code memungkinkan Anda menentukan jenis file yang berbeda untuk
tabSize
. Berikut adalah contoh dari sayasettings.json
dengan default empat spasi dan JavaScript / JSON dua spasi:PS: Ya, jika Anda tidak tahu cara membuka file ini (khususnya dalam versi baru dari Visual Studio Code), Anda dapat:
sumber
Secara default, Visual Studio Code secara otomatis mendeteksi lekukan file terbuka saat ini. Jika Anda ingin menonaktifkan fitur ini dan membuat semua lekukan, misalnya, dua spasi, Anda akan melakukan yang berikut ini di Pengaturan Pengguna atau pengaturan Workspace Anda.
sumber
Kita dapat mengontrol ukuran tab berdasarkan jenis file dengan EditorConfig dan EditorConfig untuk ekstensi Kode VS. Kami kemudian dapat membuat Alt+ Shift+ Fspesifik untuk setiap jenis file.
Instalasi
Contoh Konfigurasi
.editorconfig
settings.json
EditorConfig mengesampingkan pengaturan apa pun. Jones mengkonfigurasi untuk editor. Tidak perlu berubah
editor.detectIndentation
.sumber
ext
Anda bicarakan ini (harap balas dengan mengedit jawaban Anda, bukan di sini dalam komentar (jika perlu))? Beberapa Node.js thingy? Platform apa?Jika Anda menggunakan ekstensi yang lebih cantik di Visual Studio Code, coba tambahkan ini ke file settings.json:
sumber
Dalam Visual Studio Code versi 1.31.1 atau lebih baru (saya pikir): Seperti sed Alex Dima , Anda dapat menyesuaikan ini dengan mudah melalui pengaturan ini untuk
sumber
Anda ingin memastikan editorconfig Anda tidak bertentangan dengan konfigurasi pengaturan pengguna atau ruang kerja Anda, karena saya hanya sedikit jengkel berpikir pengaturan file pengaturan tidak diterapkan ketika itu adalah konfigurasi editor saya membatalkan perubahan itu.
sumber
Itu yang
lonefy.vscode-js-css-html-formatter
harus disalahkan. Nonaktifkan, dan instalHookyQR.beautify
.Sekarang simpan tab Anda tidak akan dikonversi.
sumber
Di sudut kanan bawah Anda, Anda memiliki Spaces: Spaces: 2
Di sana Anda dapat mengubah lekukan sesuai kebutuhan Anda: Opsi Lekukan
sumber
Saat menggunakan TypeScript, lebar tab default selalu dua terlepas dari apa yang tertulis di bilah alat. Anda harus mengatur "prettier.tabWidth" di pengaturan pengguna Anda untuk mengubahnya.
Ctrl+ P, Ketik → pengaturan pengguna, tambahkan:
sumber
Jika jawaban yang diterima pada postingan ini tidak berfungsi, cobalah ini:
Saya memiliki EditorConfig untuk Visual Studio Code yang diinstal di editor saya, dan itu terus mengesampingkan pengaturan pengguna saya yang diatur ke indentasi file menggunakan spasi. Setiap kali saya beralih di antara tab editor, file saya akan secara otomatis diindentasikan dengan tab bahkan jika saya telah mengubah lekukan ke spasi !!!
Tepat setelah saya mencopot pemasangan ekstensi ini, lekukan tidak lagi berubah antara beralih tab editor, dan saya dapat bekerja lebih nyaman daripada harus secara manual mengkonversi tab ke spasi setiap kali saya beralih file - itu menyakitkan.
sumber
Sudah ada banyak jawaban bagus yang diberikan oleh anggota komunitas tercinta kami. Saya sebenarnya ingin menambahkan kode C # tabSize dan menemukan utas ini. Ada banyak solusi yang saya temukan dan dokumen VS Code resmi mengagumkan. Saya hanya ingin membagikan pengaturan C # saya:
cukup salin dan tempel kode di atas ke
settings.json
file Anda dan simpan. Terima kasihsumber
File Menu → Preferensi → Pengaturan
Tambahkan ke pengaturan pengguna:
kemudian klik kanan dokumen Anda jika Anda sudah membuka dan klik Format Dokumen untuk meminta dokumen Anda yang sudah ada ikuti pengaturan baru ini.
sumber
Solusi @ alex-dima dari 2015 akan mengubah ukuran dan spasi tab untuk semua file dan solusi @ Tricky dari 2016 tampaknya hanya mengubah pengaturan untuk file saat ini.
Pada 2017, saya menemukan solusi lain yang berfungsi berdasarkan per-bahasa. Visual Studio Code tidak menggunakan ukuran tab yang tepat atau pengaturan ruang untuk Elixir , jadi saya menemukan bahwa saya bisa mengubah pengaturan untuk semua file Elixir.
Saya mengklik bahasa di bilah status ("Elixir" dalam kasus saya), memilih "Konfigurasikan pengaturan berbasis bahasa 'Elixir ...", dan mengedit pengaturan bahasa khusus Elixir. Saya baru saja menyalin pengaturan "editor.tabSize" dan "editor.insertSpaces" dari pengaturan default di sebelah kiri (saya sangat senang mereka ditampilkan) dan kemudian memodifikasinya di sebelah kanan.
Ini berfungsi dengan baik, dan sekarang semua file bahasa Elixir menggunakan ukuran tab dan pengaturan ruang yang tepat.
sumber
Saya harus melakukan banyak pengaturan edit seperti jawaban sebelumnya, jadi saya tidak tahu yang membuatnya berfungsi setelah banyak modifikasi.
Tidak ada yang berhasil sampai saya menutup dan membuka IDE saya, tetapi tiga hal terakhir yang saya lakukan adalah menonaktifkan
lonefy.vscode-js-css-html-formatter
,"html.format.enable": true,
dan restart Visual Studio.sumber
Jika ini untuk Angular 2, dan CLI menghasilkan file yang ingin Anda format berbeda, Anda dapat mengedit file-file ini untuk mengubah apa yang dihasilkan:
Tidak direkomendasikan secara besar-besaran karena pembaruan npm akan menghapus pekerjaan Anda, tetapi itu menghemat banyak waktu saya.
sumber
Saya mencoba mengubah editor
.tabSize
menjadi 4, tetapi.editorConfig
mengabaikan pengaturan apa pun yang telah saya tentukan, jadi tidak perlu mengubah konfigurasi dalam pengaturan pengguna. Anda hanya perlu mengedit file .editorConfig:sumber
User3550138 benar.
lonefy.vscode-js-css-html-formatter
mengesampingkan semua pengaturan yang disebutkan dalam jawaban lain. Namun, Anda tidak harus menonaktifkan atau menghapusnya karena dapat dikonfigurasi.Instruksi lengkap dapat ditemukan dengan membuka sidebar ekstensi dan mengklik ekstensi ini dan itu akan menampilkan instruksi konfigurasi di ruang kerja editor. Setidaknya itu berlaku untuk saya dalam Visual Studio Code versi 1.14.1.
sumber