Bagaimana anda format kode di Visual Studio Kode (VSCode)

Kode format yang tersedia dalam Visual Studio Kode melalui cara pintas berikut:

• Pada Windows Shift + Alt + A
• Pada Mac Shift + Pilihan + A
• Pada Ubuntu Pilih + Shift + I

Atau, anda dapat menemukan shortcut, serta cara pintas lainnya, melalui fungsi pencarian yang disediakan di editor dengan Pilih +Shift+ P (atau Command + Shift + P pada Mac), dan kemudian mencari format dokumen.

Kode Format Shortcut:

Kode Visual Studio pada Windows - Shift + Alt + A

Kode Visual Studio pada MacOS - Shift + Pilihan + A

Kode Visual Studio di Ubuntu - Pilih + Shift + I

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

Kode Format Saat Menyimpan File tersebut:

Kode Visual Studio memungkinkan pengguna untuk menyesuaikan pengaturan default.

Jika anda ingin auto format konten anda saat menyimpan, tambahkan kode di bawah ini cuplikan di ruang kerja pengaturan Kode Visual Studio.

Menu File → Preferensi → Pengaturan Workspace

{
    // Controls if the editor should automatically format the line after typing
    "beautify.onSave": true,

    "editor.formatOnSave": true,

    // You can auto format any files based on the file extensions type.
    "beautify.JSfiles": [
        "js",
        "json",
        "jsbeautifyrc",
        "jshintrc",
        "ts"
    ]
}

Catatan: sekarang anda dapat auto format file Naskah. Memeriksa pembaruan.

Anda bisa menambahkan kombinasi tombol di menu File → Preferensi → ** Keyboard shortcuts.

{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }

Atau Visual seperti:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }

1. Klik kanan file
2. Pilih Format Dokumen (Alt + Shift + A, atau Alt + Shift + Aku di Linux) dari menu kotak.

Kombinasi kunci yang tepat adalah Shift + Alt + A.

Untuk Fedora

1. Klik File -> Preferensi -> Keyboard shortcut.
2. Di bawah Default Keyboard Shortcuts, pencarian (Pilih + A) untuk editor.aksi.format.

Saya baca "kunci": "ctrl+shift+i"

Anda dapat mengubah itu juga. Merujuk ke jawaban ini pada cara... atau jika anda merasa sedikit malas untuk gulir ke atas:

Anda dapat menambahkan kombinasi tombol yang digunakan di "Preferensi->cara pintas Keyboard"

{ "kunci": "cmd+k cmd+d", "perintah": "editor.aksi.format" }

Atau Visual Studio seperti:

{ "kunci": "ctrl+k ctrl+d", "perintah": "editor.aksi.format" }

Harap dicatat: cmd kunci ini hanya untuk Mac. Untuk Windows dan Fedora (keyboard Windows) menggunakan Pilih

EDIT:

Sesuai Kode Visual versi 1.28.2 ini adalah apa yang saya temukan.

editor.aksi.format tidak ada lagi. Sekarang telah digantikan oleh editor.aksi.formatDocument dan editor.aksi.formatSelection.

Jenis editor.aksi.format di kotak pencarian untuk melihat ada jalan pintas.

Untuk mengubah kombinasi tombol ikuti langkah-langkah berikut:

1. Klik editor.aksi.formatDocument atau editor.aksi.formatSelection
2. Pena seperti ikon akan muncul di sebelah kiri - klik.
3. Sebuah pop-up muncul. Tekan kombinasi tombol yang diinginkan dan tekan enter.

Pada Linux adalah Pilih + Shift + I.

Pada Windows hal ini Alt + Shift + A. Diuji dengan HTML/CSS/JavaScript dan Kode Visual Studio 1.18.0.

Untuk bahasa lain, anda mungkin perlu menginstal paket bahasa.

Kode Visual Studio 1.6.1 mendukung "Format Di Simpan" yang akan secara otomatis mengambil relevan dipasang formatter ekstensi dan format seluruh dokumen di masing-masing menyimpan.

Mengaktifkan "Format Simpan" dengan menetapkan

"editor.formatOnSave": true

Dan ada pintasan keyboard yang tersedia (Kode Visual Studio 1.7 dan di atas):

Format seluruh dokumen: Shift + Alt + A

Format Pilihan hanya: Pilih + K, Pilih + A

Pada Ubuntu itu's Pilih + Shift + I.

Hanya klik kanan pada teks dan pilih "Format kode".

Kode Visual Studio menggunakan js-mempercantik secara internal, tetapi tidak memiliki kemampuan untuk memodifikasi style yang ingin anda gunakan. Perpanjangan "mempercantik" memungkinkan anda untuk menambahkan pengaturan.

Untuk beberapa alasan Alt + Shift + A tidak't bekerja untuk saya pada Mac Visual Studio Kode 1.3.1, dan benar-benar perintah "Format Dokumen" don't bekerja pada semua. Tapi perintah Formatter bekerja dengan sangat baik.

Sehingga anda dapat menggunakan Command + Shift + P dan jenis Formatter atau membuat anda sendiri shortcut di menu File → Preferensi → Keyboard Shortcuts → Command + K Command + S kemudian ketik Formatter dan menambahkan cara pintas anda.

Lihat contoh:

Shift + Alt + A melakukan pekerjaan baik-baik saja di 1.17.2 dan di atas.

Menu File → Preferensi → Pengaturan

"editor.formatOnType": true

Ketika anda memasukkan titik koma, it's akan diformat.

Atau, anda juga dapat menggunakan "editor.formatOnSave": true.

Format kode di Visual Studio.

Saya telah mencoba untuk format di Windows 8.

Ikuti saja screenshot di bawah ini.

1. Klik View pada menu bar bagian atas, dan kemudian klik Command Palette.

2. Maka textbox akan muncul di mana kita perlu ketik Format

Shift + Alt + A

Di Visual Studio, Kode Shift+Alt+A lakukan apa Pilih+K+D lakukan di Visual Studio.

Format shortcut di C# tak't bekerja untuk saya sampai saya diinstal Mono untuk Mac OS X, DNVM dan DNX.

Sebelum saya memasang Mono, auto-format shortcut (Shift + Alt + A) bekerja hanya untuk .json file.

Pada Mac, Shift + Alt + A bekerja untuk saya.

Anda selalu dapat memeriksa binding kunci di menu:

Menu File → Preferensi → Keyboard Shortcuts dan filter dengan kata kunci 'format'.

Sementara mengubah perilaku default untuk Kode Visual Studio membutuhkan perpanjangan, anda dapat mengganti default perilaku di tempat kerja atau tingkat pengguna. Ia bekerja untuk sebagian besar bahasa yang didukung (saya bisa menjamin HTML, JavaScript, dan C#).

Workspace tingkat

Manfaat

• Tidak memerlukan perpanjangan
• Dapat dibagi di antara tim-tim

Hasil

• .vscode/pengaturan.json dibuat dalam proyek folder root

Bagaimana?

1. Pergi ke: Menu File → Preferensi → Pengaturan Workspace

2. Tambahkan dan simpan "editor.formatOnType": true untuk pengaturan.json (yang menimpa perilaku default untuk proyek anda bekerja pada menciptakan .vscode/pengaturan.file json).

Lingkungan pengguna tingkat

Manfaat

• Tidak memerlukan ekstensi
• Pengembangan pribadi dan lingkungan tweeking untuk memerintah mereka semua (pengaturan:))

Hasil

• Pengguna's pengaturan.json` dimodifikasi (lihat lokasi dengan sistem operasi di bawah)

Bagaimana?

1. Pergi ke: menu File → Preferensi → Pengaturan Pengguna

2. Menambah atau mengubah nilai "editor.formatOnType": false menjadi "editor.formatOnType": true dalam pengaturan pengguna.json

Visual Studio Kode pengguna's pengaturan.json` lokasi adalah:

Pengaturan lokasi file tergantung pada platform anda, pengaturan pengguna file yang terletak di sini:

• Windows: %APPDATA%\Kode\User\settings.json
• Mac: $HOME/Library/Application Support/Kode/User/pengaturan.json
• Linux: $HOME/.config/Kode/User/pengaturan.json workspace pengaturan file yang terletak di bawah .vscode folder dalam proyek anda.

Rincian lebih lanjut dapat ditemukan di sini.

Default tombol ini tidak bekerja untuk saya pada HTML, CSS, dan JavaScript dokumen.

Setelah mencari, saya menemukan plugin populer JS-CSS-HTML Formatter dengan 133,796 menginstal.

Setelah instalasi ulang windows dan tekan Pilih + Shift + A, dan itu berhasil!

Pilih teks, klik kanan pada pilihan, dan pilih opsi "perintah palet":

Sebuah jendela baru akan terbuka. Pencarian "format" dan pilih opsi yang memiliki format sesuai kebutuhan.