Bagaimana cara memformat kode otomatis di WebStorm?

89

Saya mencari cara untuk memformat otomatis kode saya di WebStorm IDE?

intellij-idea formatting webstorm code-formatting HasanAboShally
sumber
Saya tidak melihat sesuatu yang istimewa tentang itu. Tindakan / pintasan standar yang disebutkan dalam "Bantuan | Referensi Peta Kunci Default" yang hanya berisi tindakan yang sering terdaftar.
LazyOne

Jawaban:

144

Mac : Command+ Option+L

PC : Ctrl+ Alt+L

HasanAboShally
sumber
47
Ini tidak menjawab pertanyaan tentang kode "pemformatan otomatis". Ini masih membutuhkan penekanan tombol.
Pete Gardner
1
Itu menjawabnya, biasanya Anda tidak ingin memformatnya sampai Anda mengeluarkan perintah. Ini juga berfungsi di WebStorm.
Warren LaFrance
Ini dengan asumsi Anda memiliki keymappings IntelliJ standar .. Ini adalah Alt + F8 secara default di Windows menggunakan keymappings Visual Studio .. Yang dapat Anda temukan dengan mudah dengan masuk ke bagian keymap jendela pengaturan dan mencari "format" atau "format ulang "
mjohnsonengr
2
@Vad No. Meskipun jawaban ini dihargai, ini tentang "pemformatan", bukan "pemformatan otomatis". Pemformatan otomatis, seperti namanya, bersifat otomatis - tidak perlu menekan tombol.
Pete Gardner
1
Bagi saya, dan saya berasumsi sebagian besar orang di sini, "pemformatan otomatis" adalah yang terjadi saat Anda menekan Ctrl + Alt + L
Vad
98

Hal ini dimungkinkan dengan membuat makro yang memformat kode dan menyimpannya, lalu mengikat makro ini ke pintasan Ctrl+ S. (Mac: Cmd+ S)

Jawaban ini telah diposting untuk phpStorm dan juga valid untuk WebStorm. Versi jawaban yang dimodifikasi adalah sebagai berikut:

Rekam makro

  1. Edit> Makro> Mulai perekaman Makro
  2. Tekan Ctrl+ Alt+ L, lalu Ctrl+ Alt+ S (di Mac: Cmd+ Option+ L, lalu Cmd+ Option+S
  3. Berhenti merekam klik makro pada tombol Stop di kanan bawah halaman.
  4. Beri nama makro ini seperti "Format dan Simpan"

Tetapkan Ctrl + S untuk "Format dan Simpan"

  1. buka File> Pengaturan;
  2. cari "keymap" dan buka;
  3. cari "Format dan Simpan" dan klik dua kali tindakan "Format dan Simpan";
  4. pilih "Tambahkan Pintasan Keyboard";
  5. pilih "Ctrl + S" sebagai goresan pertama.
  6. itu akan melaporkan konflik. Abaikan dan klik tombol OK
  7. WebStorm akan menampilkan peringatan "Pintasan sudah ditetapkan untuk tindakan lain. Apakah Anda ingin menghapus tugas lain?" Klik tombol "Hapus"

Itu dia.

Andrew-Dufresne
sumber
4
INI harus menjadi jawaban yang benar! Saya selalu tahu tentang pintasan keyboard tetapi itu tidak "otomatis" memformat kode saya, itu hanya memformat ketika saya memberitahunya (yang sering tidak saya lakukan)
mjohnsonengr
3
Saya harus memetakan ulang "simpan semua" ke cmd + option + s, lalu ubah langkah 5 menjadi "cmd + option + s" di OSX
rynop
2
Tidak buruk, namun tidak memformat file lain selain yang saat ini dibuka di editor. Semua file lainnya disimpan tanpa pemformatan
Kirill Slatin
Saya menggunakan Jetbrain IDEs 2 tahun .... Saya belajar ide bagus baru Terima kasih
MJ Studio
Saya setuju. Ini harus menjadi jawaban yang benar. Saya menggunakan jawaban ini selama bertahun-tahun melalui beberapa versi JetBrains. Itu masih akurat tidak peduli tahun berapa Anda.
yanckst
22

Plugin "Save Actions" dapat memformat kode saat menyimpan.

  1. Instal plugin:

    File -> Pengaturan -> Plugin -> Jelajahi repositori;

    • masukan kata kunci install "Save Actions"
    • restart IDE.

  2. Plugin konfigurasi:

    File -> Pengaturan -> Pengaturan Lain

    • centang opsi "Format file".
soneway
sumber
Selamat datang. Anda dapat menjadikan ini jawaban yang lebih baik jika Anda memberikan beberapa detail tentang cara mengkonfigurasi plugin
Mark Chorley
Save Action sejauh ini merupakan solusi terbaik IMO. Dokumentasi lengkap dapat ditemukan di sini: github.com/dubreuia/intellij-plugin-save-actions
laike9m
2

Jika Anda tidak memiliki ALT di MAC Anda, itu adalah:

PERINTAH + OPSI + L

danday74
sumber
3
Ini tidak menjawab pertanyaan tentang kode "pemformatan otomatis". Ini masih membutuhkan penekanan tombol.
Hassen Ch.