จะฟอร์แมตโค้ดอัตโนมัติใน WebStorm ได้อย่างไร?


89

ฉันกำลังมองหาวิธีจัดรูปแบบโค้ดของฉันโดยอัตโนมัติใน WebStorm IDE หรือไม่?


ฉันไม่เห็นอะไรเป็นพิเศษเกี่ยวกับเรื่องนี้ การดำเนินการ / ทางลัดมาตรฐานที่กล่าวถึงใน "Help | Default Keymap Reference" ซึ่งมีเฉพาะการดำเนินการที่แสดงบ่อยเท่านั้น
LazyOne

คำตอบ:


144

Mac : Command+ Option+L

พีซี : Ctrl+ Alt+L


47
สิ่งนี้ไม่ตอบคำถามเรื่องโค้ด "การจัดรูปแบบอัตโนมัติ" มันยังคงต้องใช้การกดแป้น
Pete Gardner

1
มันตอบได้โดยปกติคุณไม่ต้องการให้ฟอร์แมตจนกว่าคุณจะออกคำสั่ง นอกจากนี้ยังใช้งานได้ใน WebStorm
Warren LaFrance

นี่คือสมมติว่าคุณมีคีย์แมปมาตรฐาน IntelliJ .. เป็น Alt + F8 ตามค่าเริ่มต้นใน Windows โดยใช้การแสดงคีย์ของ Visual Studio .. ซึ่งคุณสามารถค้นหาได้ง่ายโดยไปที่ส่วนคีย์แมปของหน้าต่างการตั้งค่าและค้นหา "รูปแบบ" หรือ "ฟอร์แมตใหม่ "
mjohnsonengr

2
@ Vad No. แม้ว่าคำตอบนี้จะได้รับการชื่นชม แต่ก็เกี่ยวกับ "การจัดรูปแบบ" ไม่ใช่ "การจัดรูปแบบอัตโนมัติ" การจัดรูปแบบอัตโนมัติตามชื่อนั้นเป็นไปโดยอัตโนมัติ - ไม่จำเป็นต้องกดปุ่ม
Pete Gardner

1
สำหรับฉันและฉันถือว่าคนส่วนใหญ่ที่นี่ "การจัดรูปแบบอัตโนมัติ" คือสิ่งที่เกิดขึ้นเมื่อคุณกด Ctrl + Alt + L
Vad

98

เป็นไปได้โดยการสร้างมาโครที่จัดรูปแบบโค้ดและบันทึกจากนั้นผูกมาโครนี้กับทางลัดCtrl+ S(Mac: Cmd+ S)

คำตอบนี้ถูกโพสต์สำหรับ phpStormและใช้ได้กับ WebStorm อย่างเท่าเทียมกัน คำตอบรุ่นแก้ไขมีดังนี้:


บันทึกมาโคร

  1. แก้ไข> มาโคร> เริ่มการบันทึกมาโคร
  2. กดCtrl+ Alt+ Lแล้วCtrl+ Alt+ S (บน Mac: Cmd+ Option+ Lแล้วCmd+ Option+S
  3. หยุดบันทึกมาโครโดยคลิกที่ปุ่มหยุดที่ด้านล่างขวาของหน้า
  4. ตั้งชื่อมาโครนี้ว่า "Format and Save"

กำหนด Ctrl + S ให้กับ "Format and Save"

  1. เปิดไฟล์> การตั้งค่า;
  2. ค้นหา "keymap" และเปิด
  3. ค้นหา "Format and Save" และดับเบิลคลิกที่การกระทำ "Format and Save";
  4. เลือก "เพิ่มแป้นพิมพ์ลัด";
  5. เลือก "Ctrl + S" เป็นจังหวะแรก
  6. มันจะรายงานความขัดแย้ง ละเว้นและคลิกปุ่มตกลง
  7. WebStorm จะแสดงคำเตือน "มีการกำหนดทางลัดให้กับการทำงานอื่น ๆ แล้วคุณต้องการลบงานอื่น ๆ หรือไม่" คลิกปุ่ม "ลบ"

แค่นั้นแหละ.


4
นี่น่าจะเป็นคำตอบที่ถูกต้อง! ผมรู้จักเสมอเกี่ยวกับแป้นพิมพ์ลัด แต่ไม่ได้ "อัตโนมัติ" รูปแบบรหัสของฉันก็เพียงรูปแบบเมื่อฉันบอกให้ (ซึ่งผมมักจะทำไม่ได้)
mjohnsonengr

3
ฉันต้องแมป "บันทึกทั้งหมด" เป็น cmd + option + s ใหม่แล้วเปลี่ยนขั้นตอนที่ 5 เป็น "cmd + option + s" บน OSX
rynop

2
ไม่เลวอย่างไรก็ตามมันไม่ได้ฟอร์แมตไฟล์อื่นนอกจากไฟล์ที่เปิดอยู่ในตัวแก้ไข ไฟล์อื่น ๆ ทั้งหมดจะถูกบันทึกโดยไม่ต้องจัดรูปแบบ
Kirill Slatin

ฉันใช้ Jetbrain IDEs 2 ปี .... ฉันได้เรียนรู้แนวคิดดีๆใหม่ ๆ ขอบคุณ
MJ Studio

ฉันเห็นด้วย. นี่น่าจะเป็นคำตอบที่ถูกต้อง ฉันใช้คำตอบนี้เป็นเวลาหลายปีผ่าน JetBrains หลายเวอร์ชัน ยังคงแม่นยำไม่ว่าคุณจะปีไหน
yanckst

23

ปลั๊กอิน "บันทึกการดำเนินการ" สามารถจัดรูปแบบโค้ดเมื่อบันทึก

  1. ติดตั้งปลั๊กอิน:

    ไฟล์ -> การตั้งค่า -> ปลั๊กอิน -> เรียกดูที่เก็บ;

    • ป้อนคำหลัก "บันทึกการดำเนินการ" ติดตั้ง
    • รีสตาร์ท IDE
  2. ปลั๊กอิน Config:

    ไฟล์ -> การตั้งค่า -> การตั้งค่าอื่น ๆ

    • เลือกตัวเลือก "ฟอร์แมตไฟล์"

ยินดีต้อนรับ. คุณสามารถให้คำตอบที่ดีกว่านี้ได้หากคุณให้รายละเอียดเกี่ยวกับวิธีกำหนดค่าปลั๊กอิน
Mark Chorley

Save Action เป็นทางออกที่ดีที่สุด IMO สามารถดูเอกสารฉบับเต็มได้ที่นี่: github.com/dubreuia/intellij-plugin-save-actions
laike9m

2

หากคุณไม่มี ALT บน MAC ของคุณมันคือ:

คำสั่ง + OPTION + L


3
สิ่งนี้ไม่ตอบคำถามเรื่องโค้ด "การจัดรูปแบบอัตโนมัติ" มันยังคงต้องใช้การกดแป้น
Hassen Ch.

0
  1. กดCTRL+ ALT+ Sเพื่อเปิดการตั้งค่า
  2. เลือกปลั๊กอิน Marketplace>
  3. ใส่Save Actionsลงในช่องค้นหา
  4. คลิกInstallเพื่อติดตั้งปลั๊กอิน โหลด IDE ใหม่
  5. เปิดการตั้งค่าอีกครั้ง
  6. เลือกบันทึกการดำเนินการ (ปรากฏที่ด้านล่างของรายการการตั้งค่า)
  7. ตรวจสอบReformat file> กดOKปุ่ม

บันทึกปลั๊กอิน Actions JetBrains

ไปที่หน้าแรกของปลั๊กอิน

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.