คำแนะนำและเคล็ดลับการแก้ไขข้อความ Roundup

เผยแพร่แล้ว: 2022-03-10
สรุปอย่างย่อ ↬ เราขอให้ Smashing Community ขอคำแนะนำและเคล็ดลับที่พวกเขาชื่นชอบเมื่อแก้ไขข้อความและโค้ด ด้วยคำแนะนำดีๆ มากมาย เราจึงตัดสินใจรวบรวมไว้เป็นบทความเดียว คุณสามารถเพิ่มลงในบุ๊กมาร์กที่มีประโยชน์ได้ ขอขอบคุณทุกคนที่สละเวลาตอบและแบ่งปันเครื่องมือและเทคนิคอันยอดเยี่ยมของพวกเขา เราขอขอบคุณอย่างจริงใจ!

เราขอให้ชุมชน Smashing มีเคล็ดลับในการแก้ไขข้อความ ทางลัด และฟีเจอร์ที่พวกเขาชื่นชอบซึ่งช่วยประหยัดเวลา นี่คือบทสรุปของสิ่งที่เราพบว่ามีประโยชน์มากพร้อมกับคำแนะนำอื่นๆ ที่คุณอาจเห็นว่าสะดวก

แป้นพิมพ์ลัดที่ชื่นชอบ

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

Ste Grainer แบ่งปันเคล็ดลับเกี่ยวกับทางลัดการเคลื่อนไหวและการเลือก:

ทางลัดการเคลื่อนไหว/การเลือกพื้นฐานที่หลายคนไม่รู้:

กด Cmd + แป้นลูกศร เพื่อย้ายไปยังจุดเริ่มต้น/จุดสิ้นสุดของบรรทัดหรือบน/ล่างของเอกสาร

กด ปุ่ม Opt + Arrow ค้างไว้เพื่อย้ายคำหนึ่งไปยังอีกคำในแนวนอน และบล็อกเพื่อบล็อกในแนวตั้ง

Shift เพื่อเลือกในขณะที่ทำสิ่งเหล่านั้น

จากโจแฟรงค์:

เลือกการเกิดขึ้นทั้งหมดของการเลือกปัจจุบัน ( Ctrl + SHIFT + L ใน VSCode) และทำซ้ำบรรทัด/การเลือกที่ฉันตั้งค่าเป็น Ctrl + D

Loris Gillet แบ่งปันทางลัดที่โปรดปรานบางส่วนสำหรับการข้ามไปมาหรือลบข้อความ:

+ ลูกศรไปข้างหน้า / ย้อนกลับ ช่วยให้ข้ามไปยังคำถัดไปแทนตัวอักษรถัดไป
+ ลูกศรขึ้น/ลง ช่วยให้ข้ามไปยังจุดเริ่มต้น/จุดสิ้นสุดของย่อหน้า
+ Backspace ลบทั้งคำแทนตัวอักษรทีละตัวอักษร

เคล็ดลับที่แนะนำมากมายมาจากนักพัฒนาเว็บ — เคล็ดลับสำหรับตัวแก้ไขที่พวกเขาใช้บ่อยที่สุด เรายังได้รับคำแนะนำสำหรับ Android Studio จาก Maher Nabeel:

ใน Android Studio:
  • Ctrl + D — บรรทัดที่ซ้ำกัน
  • Ctrl + Y — ลบบรรทัด
  • Ctrl + W — เลือกบล็อก
  • Ctrl + O — แทนที่เมธอด
  • Ctrl + ALT + L — ฟอร์แมตโค้ด
เพิ่มเติมหลังกระโดด! อ่านต่อด้านล่าง↓

สูตรลัดสำหรับบรรณาธิการ

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

บน Twitter Tobin Saunders ได้แนะนำ Atom Editor Cheat Sheet ซึ่งเป็นรายการทางลัดโดยละเอียดสำหรับ Atom ฉันยังดูสิ่งที่มีให้สำหรับบรรณาธิการที่ใช้บ่อยอื่นๆ ด้วย

รหัส Visual Studio

เว็บไซต์ VS Code มีสูตรโกงที่ดาวน์โหลดได้จำนวนมากในรูปแบบ PDF หากคุณพบว่ามีประโยชน์ที่จะพิมพ์เอกสารโกงไว้บนโต๊ะของคุณ

  • Windows
  • Mac
  • ลินุกซ์

Joel Reis ตั้งข้อสังเกตว่าหากคุณเปลี่ยนไปใช้ VS Code จาก Sublime Text, Atom, Vim หรือ Visual Studio คุณสามารถดาวน์โหลดส่วนขยายคีย์แมปได้ ซึ่งหมายความว่าคุณสามารถรักษาแป้นพิมพ์ลัดจากตัวแก้ไขก่อนหน้าได้ เคล็ดลับนี้ถูกบันทึกไว้ในนิตยสาร Smashing เมื่อต้นปีนี้ด้วยเมื่อ Burke Holland แบ่งปันบางสิ่งที่คุณอาจแปลกใจที่พบว่า VS Code สามารถทำได้ในบทความของเขา "Visual Studio Code Can Do That?"

ข้อความประเสริฐ

คุณจะพบช็อตคัท Sublime Text 3 ที่ดีสำหรับ Windows, Mac และ Linux ได้ที่นี่

เรายังมีบทความในนิตยสาร Smashing ซึ่ง Jai Panda แบ่งปันคำแนะนำและเคล็ดลับข้อความประเสริฐที่เขาชื่นชอบ

การปรับแต่งสภาพแวดล้อมของคุณ

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

Alex Semenikhine ให้คำแนะนำนี้:

ฉันลดจำนวนครั้งที่ต้อง กด Shift ค้างไว้แล้วกดปุ่ม ถ้าฉันสร้างวงเล็บ ( ( ) ) บ่อยกว่าที่ฉันใช้ 9 และ 0 ฉันจะปรับแต่งแป้นพิมพ์เพื่อสะท้อนสิ่งนั้น 9 ของฉันคือ ( และ Shift + 9 คือ 9 เป็นต้น

Paul van den Tool ตั้งค่า 'การทำซ้ำของปุ่ม' และ 'การหน่วงเวลาจนกว่าจะทำซ้ำ' เป็นการตั้งค่าสูงสุด เพื่อให้เคอร์เซอร์ของเขาเพียงแค่ "ข้ามหน้าจอเมื่อใช้ลูกศร"

Jaron Barends บอกเราว่าเขา "สร้าง Alt + ; เป็นทางลัดเพื่อแทรกอัฒภาคที่ท้ายบรรทัดปัจจุบัน”

ใช้ Emmet

หลายคนพูดถึงระบบขยายข้อความของ Emmet หากคุณเขียนโค้ด HTML และ CSS ด้วยมือจำนวนมาก Emmet จะช่วยคุณประหยัดเวลาในการพิมพ์ได้มาก เมื่อเขียน HTML ตัวย่อ Emmet จะคุ้นเคยกับทุกคนที่เข้าใจ CSS ตัวอย่างเช่น หากคุณต้องการสร้างรายการที่ไม่เรียงลำดับภายในองค์ประกอบ div คุณสามารถใช้สิ่งต่อไปนี้:

 div>ul>li

ซึ่งจะกลายเป็น:

 <div> <ul> <li></li> </ul> </div>

ตัวย่อคือตัวเลือกที่จะเลือก li ใน CSS div ที่มี ul เป็นลูกโดยตรง และ a li เป็นลูกโดยตรงของ ul ดูตัวอย่างเพิ่มเติมที่ Emmet Cheat Sheet

Emmet สร้างขึ้นใน VS Code และพร้อมใช้งานเป็นปลั๊กอินสำหรับตัวแก้ไขอื่น ๆ อีกมากมาย

ใช้ตัวจัดการคลิปบอร์ด

Erik Verbeek แนะนำให้ใช้ตัวจัดการคลิปบอร์ดเพื่อให้คุณสามารถคว้าโค้ดที่คัดลอกมาจากประวัติได้ เขาแนะนำให้ใช้ ClipMenu สำหรับ OS X ซึ่งดูเหมือนว่าจะถูกยกเลิกไปอย่างน่าเศร้า

เครื่องมือที่คล้ายกัน ได้แก่ :

  • CopyClip สำหรับ MacOS
  • PasteBot สำหรับ MacOS
  • Ditto สำหรับ Windows
  • 1Clipboard Windows และ MacOS (ขณะนี้อยู่ในรุ่นเบต้า)

บรรณาธิการหลายคนยังรวมประวัติคลิปบอร์ดสำหรับการคัดลอกและวางภายในตัวแก้ไข บน Twitter @codevoodoo ตั้งข้อสังเกตว่า Webstorm มีคุณสมบัติดังกล่าว มีส่วนขยายประวัติคลิปบอร์ดสำหรับ VS Code และแพ็คเกจสำหรับ Atom; Sublime Text มีสิ่งนี้ในตัว ตามที่อธิบายในบทช่วยสอนเกี่ยวกับประวัติคลิปบอร์ดข้อความ Sublime

ชุดเครื่องมือแนะนำ

มีเครื่องมือเฉพาะบางอย่างที่แนะนำในความคิดเห็น ดังนั้นนี่คือบทสรุปของเครื่องมือที่มีประโยชน์ซึ่งคุณอาจไม่เคยได้ยินมาก่อน

Vim

คนชอบ Vim ชอบ Vim จริงๆ แน่นอนว่ามันมาพร้อมกับช่วงการเรียนรู้ แต่ถ้าคุณกระตือรือร้นที่จะเพิ่มประสิทธิภาพการแก้ไขคีย์บอร์ดของคุณมาก เวลาที่ใช้ไปก็น่าจะคุ้มค่า ตามที่ Jess Telford ชี้ให้เห็น คุณสามารถทำสิ่งต่างๆ เช่น พิมพ์ 13k เพื่อเลื่อนเคอร์เซอร์ขึ้น 13 บรรทัด

ดู Vim Cheat Sheet เพื่อดูรายการคำสั่ง คุณสามารถใช้โปรแกรมจำลอง Vim ในโปรแกรมแก้ไขอื่นๆ ได้ การจับคู่คีย์ที่กล่าวถึงก่อนหน้านี้สำหรับ VS Code นั้นรวมถึงการแมปสำหรับ Vim และมีปลั๊กอินสำหรับ Atom ด้วยเช่นกัน

สวยขึ้น

Prettier เป็นเครื่องมือจัดรูปแบบโค้ดโอเพนซอร์สที่ ให้ความเห็น การใช้ Prettier ช่วยให้มั่นใจได้ว่าโค้ดทั้งหมดได้รับการจัดรูปแบบให้เป็นสไตล์ที่สอดคล้องกัน สิ่งนี้มีประโยชน์อย่างเหลือเชื่อเมื่อทำงานในทีม เนื่องจากเป็นการบังคับใช้รูปแบบที่สอดคล้องกัน โดยที่ไม่มีใครจำเป็นต้องคิดเกี่ยวกับมันจริงๆ

มีไฟล์ให้ดาวน์โหลดสำหรับเอดิเตอร์หลายราย เพื่อให้คุณสามารถใช้ Prettier ได้ในทุกสภาพแวดล้อมที่คุณเลือก

AutoHotkey

ฉันไม่เคยได้ยินเครื่องมือ AutoHotkey มาก่อนจนกระทั่งคำแนะนำนี้จาก @Hobbesenero AutoHotkey เป็นภาษาสคริปต์อัตโนมัติสำหรับ Windows การใช้ภาษาสคริปต์ คุณสามารถสร้างทางลัดสำหรับงานทั่วไปได้ เช่น การแทรกเทมเพลต

การแปลงรูปแบบข้อความด้วย Pandoc

หนึ่งในเครื่องมือที่ฉันชอบคือ Pandoc ฉันใช้ Pandoc เมื่อฉันต้องการแปลงรูปแบบข้อความหนึ่งเป็นอีกรูปแบบหนึ่ง หนึ่งในสิ่งที่มีประโยชน์จริงๆ ที่ Pandoc ทำได้คือเปลี่ยน HTML หรือ Markdown ให้เป็นรูปแบบ EPUB ฉันทำเช่นนี้บ่อยครั้งเพื่อเปลี่ยนชุดโน้ตให้เป็นไฟล์ที่ฉันสามารถอ่านได้โดยใช้ iBooks บน iPad ของฉัน ฉันทำเช่นนี้เพื่อให้มีชุดบันทึกย่อที่เข้าถึงได้ง่ายสำหรับเวิร์กช็อปของฉัน หรือเพื่อเปลี่ยนเอกสารที่มีความยาวให้เป็นรูปแบบออฟไลน์ที่อ่านง่ายเพื่ออ่านบนเครื่องบิน

Pandoc สามารถแปลงจากและเป็นรูปแบบไฟล์ต่างๆ ได้มากมาย นอกจากการสร้างไฟล์ EPUB ด่วนแล้ว ฉันยังใช้เพื่อแปลงสำเนาจากเอกสาร Word เป็น Markdown หรือรูปแบบอื่นๆ ที่มีประโยชน์ สิ่งนี้มีประโยชน์มากหากคุณได้รับสำเนาที่ยุ่งเหยิงจากลูกค้าที่ต้องแปลงเพื่อเข้าสู่ CMS

TextExpander และ Typinator

TextExpander พร้อมใช้งานสำหรับ MacOS และ Windows และเป็นเครื่องมือที่ช่วยคุณสร้างตัวอย่างซึ่งสามารถแทรกได้โดยใช้แป้นพิมพ์ลัดหรือตัวย่อทั่วไป TextExpander ได้รับการแนะนำโดย Anders Noren หากคุณต้องการโซลูชันที่ไม่ใช่บริการสมัครสมาชิก คุณอาจต้องการลองใช้ Typinator

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

เครื่องซักผ้าข้อความ

แนะนำบน Facebook โดย Dennis Germundal Textwasher เป็นเครื่องมือที่ง่ายมากสำหรับทำความสะอาดการจัดรูปแบบจากข้อความ

เพิ่มข้อเสนอแนะของคุณในความคิดเห็น

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

หากคุณพลาดทวีตและมีเคล็ดลับดีๆ ในการแชร์ ให้เพิ่มความคิดเห็นเหล่านั้นลงในความคิดเห็น เราชอบที่จะได้ยินพวกเขา!