Apa yang setara dengan Ctrl+ K+ Fdan Ctrl+ K+ Dpada Windows di Visual Studio untuk memformat, atau kode "mempercantik" dalam editor Visual Studio Code?
code-formatting
visual-studio-code
Brandon Clapp
sumber
sumber
Jawaban:
Pemformatan kode tersedia dalam Visual Studio Code melalui pintasan berikut:
Atau, Anda dapat menemukan pintasan, serta pintasan lainnya, melalui 'Palet Perintah' yang disediakan di editor dengan Ctrl+ Shift+ P(atau Command+ Shift+ Pdi Mac), lalu mencari format dokumen .
sumber
Pintasan Pemformatan Kode:
Kode Visual Studio pada Windows - Shift+ Alt+F
Kode Visual Studio pada MacOS - Shift+ Option+F
Kode Visual Studio di Ubuntu - Ctrl+ Shift+I
Anda juga dapat menyesuaikan pintasan ini menggunakan pengaturan preferensi jika diperlukan.
Pemformatan Kode Saat Menyimpan File:
Visual Studio Code memungkinkan pengguna untuk menyesuaikan pengaturan default.
Jika Anda ingin memformat konten secara otomatis saat menyimpan, tambahkan snipet kode di bawah ini dalam pengaturan ruang kerja dari Visual Studio Code.
File Menu → Preferensi → Pengaturan Workspace
Catatan: sekarang Anda dapat memformat file TypeScript secara otomatis. Periksa pembaruan saya.
sumber
Shift + Alt + I
Shift + Alt + I
jugaprettier.singleQuote: true
dalam pengaturan kode vs Anda.Anda dapat menambahkan pengikat tombol di menu File → Preferences → Shortcut keyboard .
Atau Visual Studio seperti:
sumber
cmd
denganctrl
- jangan hanya menyalin dan menempel secara membabi buta seperti yang saya lakukan!sumber
Kombinasi tombol kanan adalah Shift+ Alt+ F.
sumber
Untuk Fedora
File
->Preferences
->Keyboard shortcuts
.Default Keyboard Shortcuts
, cari ( Ctrl+ F) untukeditor.action.format
.Milik saya baca
"key": "ctrl+shift+i"
Anda bisa mengubahnya juga. Lihat jawaban ini tentang cara ... atau jika Anda merasa sedikit malas untuk menggulir ke atas:
Harap dicatat: cmdkunci hanya untuk Mac. Untuk Windows dan Fedora (keyboard Windows) gunakanCtrl
EDIT :
Sesuai versi Visual Code
1.28.2
inilah yang saya temukan.editor.action.format
tidak ada lagi. Sekarang telah digantikan oleheditor.action.formatDocument
daneditor.action.formatSelection
.Ketik
editor.action.format
di kotak pencarian untuk melihat pintasan yang ada.Untuk mengubah kombinasi tombol, ikuti langkah-langkah ini:
editor.action.formatDocument
ataueditor.action.formatSelection
sumber
Di Linux itu Ctrl+ Shift+ I.
Di Windows itu Alt+ Shift+ F. Diuji dengan HTML / CSS / JavaScript dan Visual Studio Code 1.18.0.
Untuk bahasa lain, Anda mungkin perlu menginstal paket bahasa tertentu.
sumber
Visual Studio Code 1.6.1 mendukung " Format Saat Menyimpan " yang secara otomatis akan mengambil ekstensi formatter yang relevan dan memformat seluruh dokumen pada setiap penyimpanan.
Aktifkan "Format Saat Simpan" dengan mengatur
Dan ada pintasan keyboard yang tersedia (Visual Studio Code 1.7 dan lebih tinggi):
Memformat seluruh dokumen : Shift+ Alt+F
Hanya Pemilihan Format : Ctrl+ K, Ctrl+F
sumber
Di Ubuntu itu Ctrl+ Shift+ I.
sumber
CTRL + SHIFT + I
berfungsi untuk JavaScript tetapi tidak untuk PHP, misalnya.Cukup klik kanan pada teks dan pilih "Format kode".
Visual Studio Code menggunakan secara
js-beautify
internal, tetapi tidak memiliki kemampuan untuk mengubah gaya yang ingin Anda gunakan. Ekstensi "mempercantik" memungkinkan Anda menambahkan pengaturan.sumber
File Menu → Preferensi → Pengaturan
Saat Anda memasukkan titik koma, itu akan diformat.
Atau, Anda juga dapat menggunakan
"editor.formatOnSave": true
.sumber
shift+alt+f
dalam situasi tertentu. tidak tahu kenapa!Shift+ Alt+ Fmelakukan pekerjaan dengan baik di 1.17.2 dan di atas.
sumber
Untuk beberapa alasan Alt+ Shift+ Ftidak bekerja untuk saya di Mac Visual Studio Code 1.3.1, dan sebenarnya perintah "Format Document" tidak berfungsi sama sekali. Tetapi perintah Formatter bekerja dengan sangat baik.
Jadi Anda dapat menggunakan Command+ Shift+ Pdan mengetik Formatter atau buat pintasan Anda sendiri di menu File → Preferences → Shortcut Keyboard → Command+ K Command+ Slalu ketik Formatter dan tambahkan pintasan Anda.
Lihat sebuah contoh:
sumber
Memformat kode dalam Visual Studio.
Saya sudah mencoba memformat di Windows 8.
Ikuti saja tangkapan layar di bawah ini.
Klik pada Lihat pada bilah menu atas, dan kemudian klik pada Palet Perintah.
Maka kotak teks akan muncul di mana kita perlu mengetikkan Format
Shift+ Alt+F
sumber
Dalam Visual Studio Code, Shift+ Alt+ Fmelakukan apa yang dilakukan Ctrl+ K+ Ddi Visual Studio.
sumber
Pintasan format di C # tidak berfungsi untuk saya sampai saya menginstal Mono untuk Mac OS X, DNVM dan DNX .
Sebelum saya menginstal Mono, pintasan format-otomatis ( Shift+ Alt+ F) hanya berfungsi untuk
.json
file.sumber
Di Mac, Shift+ Alt+ Fbekerja untuk saya.
Anda selalu dapat memeriksa ikatan utama di menu:
File Menu → Preferensi → Pintasan Keyboard dan filter berdasarkan kata kunci 'format'.
sumber
Sementara mengubah perilaku default untuk Visual Studio Code memerlukan ekstensi, Anda dapat mengganti perilaku default di ruang kerja atau tingkat pengguna. Ini berfungsi untuk sebagian besar bahasa yang didukung (Saya dapat menjamin HTML, JavaScript, dan C #).
Tingkat ruang kerja
Manfaat
Hasil
.vscode/settings.json
dibuat di folder root proyekBagaimana caranya?
Pergi ke: Menu File → Preferences → Pengaturan Workspace
Tambah dan simpan
"editor.formatOnType": true
ke settings.json (yang mengesampingkan perilaku default untuk proyek yang Anda kerjakan dengan membuat file .vscode / settings.json).Tingkat lingkungan pengguna
Manfaat
Hasil
settings.json
diubah (lihat lokasi dengan sistem operasi di bawah)Bagaimana caranya?
Pergi ke: menu File → Preferensi → Pengaturan Pengguna
Tambahkan atau ubah nilai
"editor.formatOnType": false
menjadi"editor.formatOnType": true
di pengaturan pengguna.jsonPengguna Visual Studio Code Anda
settings.json
Lokasi adalah:Pengaturan lokasi file tergantung pada platform Anda, file pengaturan pengguna terletak di sini:
%APPDATA%\Code\User\settings.json
$HOME/Library/Application Support/Code/User/settings.json
$HOME/.config/Code/User/settings.json
File pengaturan ruang kerja terletak di bawah folder .vscode di proyek Anda.Detail lebih lanjut dapat ditemukan di sini .
sumber
Default kunci ini tidak berfungsi untuk saya pada dokumen HTML, CSS, dan JavaScript.
Setelah mencari, saya menemukan plugin populer JS-CSS-HTML Formatter dengan 133.796 pemasangan .
Setelah instalasi, muat ulang windows dan tekan Ctrl+ Shift+ F, dan itu berhasil!
sumber
.prettierrc
dan plugin. Saya takut bahwa suatu hari cantik akan bergabung menjadi vs-kode :)Pilih teks, klik kanan pada pilihan, dan pilih opsi "palet perintah":
Jendela baru terbuka. Cari "format" dan pilih opsi yang memiliki format sesuai kebutuhan.
sumber
Cukup instal Visual Studio Keymap oleh Microsoft. Masalah terpecahkan. : p
sumber
Di Mac, gunakan ⌘+ Klalu ⌘+ F.
sumber
Bagi mereka yang ingin menyesuaikan apa file JavaScript untuk format, Anda dapat menggunakan ekstensi apa pun di
JSfiles
properti. Hal yang sama berlaku untuk HTML.Ini akan memungkinkan mempercantik saat penyimpanan untuk TypeScript, dan Anda dapat menambahkan dalam XML ke opsi HTML.
sumber
Jika Anda ingin menyesuaikan gaya dokumen-format, Anda harus menggunakan Beautify ekstensi.
Lihat screenshot ini:
sumber
Anda harus menginstal plug-in yang sesuai terlebih dahulu (yaitu, XML, C #, dll.).
Pemformatan tidak akan tersedia sebelum Anda menginstal plugin yang relevan, dan menyimpan file dengan ekstensi yang sesuai.
sumber
Cara paling sederhana yang saya gunakan dalam Visual Studio Code (Ubuntu) adalah:
Pilih teks yang ingin Anda format dengan mouse.
Klik kanan dan pilih "Format pemilihan" .
sumber
Bukan yang ini. Gunakan ini:
File Menu → Preferensi → Pengaturan Workspace , "editor.formatOnType" : true
sumber
Gunakan ekstensi ...
Mengaktifkan pemformatan otomatis kode ketika Anda menyimpan file.
Luncurkan Kode Visual Studio dan Buka Cepat ( Ctrl+ P), rekatkan perintah berikut, dan tekan Enter.
https://marketplace.visualstudio.com/items?itemName=gyuha.format-on-save
sumber
Kode Visual Studio di Linux:
Ctrl+ [untuk membuka blokir kode dan
Ctrl+ ]untuk membuat lekukan massal
sumber