ฉันจะตัดสายอัตโนมัติใน VSCode โดยอัตโนมัติได้อย่างไร โดยที่ฉันหมายถึงถ้าบรรทัดถึงคอลัมน์ที่ระบุให้แทรกขึ้นบรรทัดใหม่โดยอัตโนมัติที่ขอบเขตคำที่ใกล้กับคอลัมน์นั้นที่สุดโดยไม่ต้องผ่าน Vim มีการตั้งค่าที่เรียกว่าtextwidthซึ่งทำสิ่งนี้ที่ฉันชอบใช้เมื่อแก้ไข Markdown ดูเหมือนว่า VSCode จะไม่เป็นเช่นนั้นเท่าที่ฉันสามารถบอกได้ มันมีวิธีควบคุม softwrapping

VSCode ไม่รองรับสิ่งนี้นอกกรอบ แต่คุณสามารถติดตั้งRewrapส่วนขยายที่ช่วยให้คุณสามารถจัดรูปแบบบล็อกที่เคอร์เซอร์ของคุณอยู่ในขณะนี้โดยการกด+AltQ

Rewrap ไม่จำเป็นต้องมีการตั้งค่าเพิ่มเติมเนื่องจากอ่านการตั้งค่าของ VSCode เพื่อรับคอลัมน์ที่จะทำลาย

Rewrapยังรองรับการตัดอัตโนมัติ (ปิดโดยค่าเริ่มต้น): https://github.com/stkb/Rewrap/wiki/Auto-wrap

น่าเสียดายที่ VSCode ยังไม่มีคุณสมบัตินี้ แต่เรายังคงสามารถทำให้มันใกล้เคียงกับคุณลักษณะที่สวยงามของการตัดคำอัตโนมัติเป็นกลุ่ม

ขั้นแรก

เราจำเป็นต้องตั้งค่าคุณสมบัติ soft word wrap ใน VSCode

1. Code => Preferences => Settingsเปิดการตั้งค่าผ่านทาง VSCode

2. เพิ่มการตั้งค่าตัวแก้ไข 3 บรรทัดนี้

   "editor.wordWrap": "wordWrapColumn",
   "editor.wrappingIndent": "same",
   "editor.wordWrapColumn": n
   

   อย่าลืมเปลี่ยน ( n ) ด้วยความยาวของคอลัมน์ที่คุณต้องการ สำหรับฉันแล้วฉันรู้สึกสบายใจกว่าที่จะตั้งค่าเป็น 60

3. บันทึกการตั้งค่านี้

จุดประสงค์หลักของขั้นตอนแรกนี้คือเพื่อให้เรารู้สึกสะดวกสบายมากขึ้นเมื่อพิมพ์เพราะเราไม่จำเป็นต้องพิมพ์ด้วยตนเองEnterและดูข้อความยาว ๆ

ขั้นตอนที่สอง

เราจำเป็นต้องมีการติดตั้งเป็นกลุ่มจำลองสำหรับ VSCodevim textwidthและการตั้งค่า

1. ติดตั้ง Vim emulation ผ่านส่วนขยาย VSCode
2. Code => Preferences => Settingsเปิดการตั้งค่าผ่านทาง VSCode

3. เพิ่มบรรทัดของการตั้งค่ากลุ่มนี้

   "vim.textwidth": n,
   

   อย่าลืมเปลี่ยน ( n ) ด้วยความยาวของคอลัมน์ที่คุณต้องการ สำหรับฉันฉันจะตั้งค่านี้ให้เหมือนกันกับ ( n ) ในขั้นตอนแรก

4. บันทึกการตั้งค่านี้

การใช้งานจริง

เมื่อคุณเขียนเอกสารทั้งฉบับเสร็จแล้วคุณสามารถจัดรูปแบบให้เป็นเส้นแบบแข็งได้โดยใช้วิธีนี้

1. บล็อกข้อความทั้งหมดโดยใช้โหมดเส้นภาพ (Shift + v)
2. พิมพ์'gq'

ตอนนี้ VSCode รองรับการตัดอัตโนมัติออกจากกล่อง

การตั้งค่า -> แก้ไขข้อความ -> 3 ตัวเลือกสุดท้าย (ณ วันนี้) มีไว้สำหรับการจัดเรียงอัตโนมัติ

1. Word Wrap (ควบคุมวิธีการตัดบรรทัด)
2. Word Wrap Column (ควบคุมคอลัมน์การตัดของตัวแก้ไข)
3. การห่อเยื้อง (ควบคุมการเยื้องของเส้นที่ห่อ)

โดยค่าเริ่มต้น Word Wrap ปิดอยู่

ขณะนี้มีคำขอเปิดสำหรับสิ่งนี้ในตัวติดตาม VS Code Issue บน GitHub คุณสามารถค้นหาได้ที่นี่

ความคิดเห็นแบบ Hard Wrap

ใช้นามสกุล rewrap ไป

รหัส Soft Wrap

เพิ่มการตั้งค่าต่อไปนี้ (แทนที่ความกว้างของคอลัมน์ด้วยความต้องการของคุณ): "editor.wordWrapColumn": 100

จากนั้นเพิ่ม"editor.wordWrap": "wordWrapColumn"(ล้อมรอบคอลัมน์) หรือ"editor.wordWrap": "bounded"(ตัดที่คอลัมน์หรือวิวพอร์ต)

ความคิดเห็นแบบ Hard Wrap และ Soft Wrap Code

น่าเสียดายที่ส่วนขยายและการตั้งค่า VSCode เล่นได้ไม่ดี

อย่าลังเลที่จะโหวตคำขอคุณสมบัตินี้

ตั้งแต่ปี 2020 และหากคุณใช้Prettier - Code formatterปลั๊กอิน:

Go to Plugins -> Find Prettier -> Cog -> Extension Settings -> Prettier: Print Width Fit code within this line limitและตั้งค่าตามที่คุณต้องการ โดยค่าเริ่มต้นคือ 80

เมื่อคุณบันทึกไฟล์ Prettier จะจัดรูปแบบโดยอัตโนมัติ