Skip to content

คนไทยมองโลก

แปลบทความดีเด่นเพื่อคนไทยในอุดมคติอันสูงส่ง

Menu
  • Sample Page
Menu

5 ทางลัดรหัส VS ประหยัดเวลาและวิธีจดจำ

Posted on ตุลาคม 8, 2022

5 ทางลัดรหัส VS ประหยัดเวลาและวิธีจดจำ

คุณใช้เวลาเท่าไหร่ในการขยับมือระหว่างคีย์บอร์ดและเมาส์?

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

ต่อไปนี้คือทางลัด VS Code ห้าแบบที่ฉันใช้บ่อยที่สุด และวิธีที่ฉันฝึกฝนเพื่อให้ใช้งานได้

✉️
บทความนี้ถูกตีพิมพ์ครั้งแรกในจดหมายข่าว Curious About Code ของฉัน ไม่พลาดทุกประเด็น สมัครสมาชิกที่นี่ →

#1 นำทางด้วยคำ ไม่ใช่อักขระ

ย้ายเคอร์เซอร์ของคุณไปที่ “คำ” ใหม่ในบรรทัดปัจจุบันโดยไม่ต้องใช้เมาส์และไม่ต้องย้ายทีละอักขระ

macOS ตัวเลือก+←
ตัวเลือก+→
ลินุกซ์ Ctrl+←
Ctrl+→
Windows Ctrl+←
Ctrl+→

นี่คือสิ่งที่ดูเหมือนจริง:

5 ทางลัดรหัส VS ประหยัดเวลาและวิธีจดจำ

รวมสิ่งนี้เข้ากับทางลัดเพื่อเลื่อนเคอร์เซอร์ของคุณไปที่จุดเริ่มต้นหรือจุดสิ้นสุดของบรรทัดเพื่อการนำทางที่เร็วขึ้น ( macOS: Cmd+← และ Cmd+→; Windows: หน้าแรกและจุดสิ้นสุด)

“คำ” คืออะไร?

โดยทั่วไป คำต่างๆ จะถูกคั่นด้วยช่องว่างและขีดล่าง

เครื่องหมายจุลภาค จุด และเครื่องหมายวรรคตอนอื่นๆ มักถูกละเลย อย่างไรก็ตาม VS Code จะถือว่าโอเปอเรเตอร์เช่น != และ && เป็นคำและข้ามวงเล็บปีกกาที่ซ้อนกันไปยังตัวระบุหรือตัวดำเนินการถัดไป

วิธีการฝึกฝน

⏱ เวลา: 1-2 นาที
🗓 ความถี่: วันละสองครั้งเป็นเวลาอย่างน้อยห้าวัน

เปิดไฟล์ใดก็ได้ใน codebase เลือกบรรทัดและเลื่อนเคอร์เซอร์ของคุณไปที่ใดที่หนึ่งภายในบรรทัด จากนั้นเลือก “คำ” ในบรรทัดและใช้ทางลัดเพื่อเลื่อนเคอร์เซอร์ไปที่คำนั้น ทำซ้ำด้วยบรรทัดที่ต่างกันและ “คำ” ที่ต่างกัน

#2 คัดลอกและวางในการกดแป้นเดียว

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

macOS Shift+Option+↑
Shift+Option+↓
ลินุกซ์ Shift+Alt+↑
Shift+Alt+↓
Windows Shift+Alt+↑
Shift+Alt+↓

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

นี่คือสิ่งที่ดูเหมือน:

5 ทางลัดรหัส VS ประหยัดเวลาและวิธีจดจำ

ทางลัดนี้มีประโยชน์เมื่อสร้างอาร์เรย์ของรายการที่มีโครงสร้างคล้ายกัน นอกจากนี้ยังเหมาะสำหรับการทำงานกับไฟล์การกำหนดค่า ไฟล์ XML ไฟล์ JSON หรือไฟล์อื่นๆ ที่มีโค้ดอยู่ติดกันที่มีโครงสร้างซ้ำๆ

วิธีการฝึกฝน

⏱ เวลา: 2 นาที
🗓 ความถี่: วันละสองครั้งเป็นเวลาอย่างน้อยห้าวัน

สร้างโฟลเดอร์ที่มีสำเนาของ YAML, JSON, XML หรือไฟล์ข้อความที่มีโครงสร้างอื่นๆ ที่คุณใช้งานบ่อยๆ เลือกหนึ่งหรือสองรายการแล้วใช้เวลาสองสามนาทีในการเพิ่มรายการใหม่โดยใช้ทางลัด

#3 ลบรหัสในขั้นตอนเดียว

แทนที่จะเลือกบรรทัด ลบ และกด Backspace เพื่อลบบรรทัดว่าง คุณสามารถทำทั้งหมดได้ในขั้นตอนเดียว

macOS Shift+Cmd+K
ลินุกซ์ Shift+Ctrl+K
Windows Shift+Ctrl+K

นี่คือวิธีการทำงาน:

5 ทางลัดรหัส VS ประหยัดเวลาและวิธีจดจำ

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

วิธีการฝึกฝน

⏱ เวลา: 1 นาที
🗓 ความถี่: วันละสองครั้งเป็นเวลาอย่างน้อยห้าวัน

เปิดไฟล์ใด ๆ ที่คุณต้องการและไปที่เมืองลบรหัส มันเป็นยาระบายใช่มั้ย?

#4 เปลี่ยนชื่อตัวแปรอย่างง่ายดาย

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

macOS F2
ลินุกซ์ F2
Windows F2

นี่คือสิ่งที่ดูเหมือนจริง:

5 ทางลัดรหัส VS ประหยัดเวลาและวิธีจดจำ

VS Code สามารถอนุมานขอบเขตที่จะใช้การเปลี่ยนแปลง หากต้องการ คุณสามารถกด Shift+Enter จากหน้าต่างเปลี่ยนชื่อเพื่อดูตัวอย่างการเปลี่ยนแปลง:

5 ทางลัดรหัส VS ประหยัดเวลาและวิธีจดจำ

วิธีการฝึกฝน

⏱ เวลา: 1-2 นาที
🗓 ความถี่: วันละสองครั้งเป็นเวลาอย่างน้อยห้าวัน

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

#5 ดูข้อมูลอ้างอิงอย่างรวดเร็ว

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

macOS Shift+F12
ลินุกซ์ Shift+F12
Windows Alt+F12

นี่คือการดำเนินการ:

5 ทางลัดรหัส VS ประหยัดเวลาและวิธีจดจำ

คุณสามารถวนดูข้อมูลอ้างอิงได้โดยใช้ปุ่มลูกศรและกด Enter เพื่อย้ายเคอร์เซอร์ของคุณไปยังข้อมูลอ้างอิงที่เลือก

หากคุณต้องการข้ามไปยังคำจำกัดความโดยตรงในแท็บตัวแก้ไขใหม่ แทนที่จะใช้มุมมองแบบแอบมอง ให้ใช้ F12

วิธีการฝึกฝน

⏱ เวลา: 1-2 นาที
🗓 ความถี่: วันละสองครั้งเป็นเวลาอย่างน้อยห้าวัน

โคลนที่เก็บจาก GitHub และฝึกค้นหาการอ้างอิงของสิ่งต่าง ๆ โดยใช้ทางลัด

วิธีการควบคุมแป้นพิมพ์ลัด

แนวทางปฏิบัติที่ฉันแนะนำที่นี่เป็นการเริ่มต้นที่ดี

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

ทำเช่นนั้น และการกดแป้นพิมพ์เหล่านั้นจะกลายเป็นหน่วยความจำของกล้ามเนื้อในเวลาไม่นาน


ต้องการมากกว่านี้?

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

สมัครสมาชิกตอนนี้

กำลังดำเนินการสมัครของคุณ เยี่ยมมาก! ตรวจสอบกล่องจดหมายของคุณและยืนยันการสมัคร มีข้อผิดพลาดในการส่งอีเมล

ใส่ความเห็น ยกเลิกการตอบ

คุณต้องเข้าสู่ระบบ เพื่อจะพิมพ์ความเห็น

  • A learning a day
  • A Smart Bear
  • AddyOsmani.com
  • AddyOsmani.com (AddyOsmani.com)
  • Adwyat Krishna
  • Adwyat Krishna (Adwyat Krishna)
  • Ahmad Shadeed (Ahmad Shadeed)
  • Alex Turek
  • All That is Solid
  • André Staltz
  • Ars Technica
  • Astral Codex สิบ (Astral Codex Ten)
  • Atoms vs Bits
  • AVC
  • AVC (AVC)
  • Basic Apple Guy
  • Ben Thompson
  • Benedict Evans
  • Blog – storytelling with data
  • Built For Mars
  • Caleb Porzio
  • Christian Heilmann
  • Christian Heilmann (Christian Heilmann)
  • Christopher C
  • Chun Tian (binghe)
  • Codrops
  • Cold Takes
  • Cold Takes (Cold Takes)
  • Daily Infographic
  • Dan Luu
  • Daniel Lemire's blog
  • David Amos
  • David Perell
  • David Walsh Blog
  • Derek Sivers
  • Derek Sivers (Derek Sivers)
  • Desvl
  • Devon's Site
  • Digital Inspiration
  • DKB Blog
  • dropsafe
  • dropsafe (dropsafe)
  • DSHR
  • Dunk
  • DYNOMIGHT
  • eagereyes
  • Endless Metrics
  • Engadget
  • Engadget (Engadget)
  • Entitled Opinions
  • Exception Not Found
  • Experimental History
  • Farnam Street
  • Fed Guy
  • Fed Guy (Fed Guy)
  • Felix Krause
  • Florent Crivello
  • FlowingData
  • FlowingData (FlowingData)
  • Free Mind
  • Full Stack Economics
  • Funny JS
  • Future A16Z
  • Glassnode Insights
  • Glassnode Insights (Glassnode Insights)
  • Hacker News (Hacker News)
  • Hacker News Daily
  • Hacker News Daily (Hacker News Daily)
  • Hacker Noon (Hacker Noon)
  • Harvard Health
  • Harvard Health (Harvard Health)
  • Human Who Codes
  • Hunter Walk
  • Infographics – Cool Infographics
  • Information is Beautiful
  • Irrational Exuberance
  • Jacob Kaplan-Moss
  • Jakob Greenfeld
  • James Sinclair
  • Jason Fried
  • Jeff Kaufman
  • Jeff Kaufman (Jeff Kaufman)
  • Joel on Software
  • John Resig
  • John's internet house
  • Johnny Rodgers
  • Julia Evans
  • Julian.com
  • Kevin Cox
  • Kevin Norman
  • KK – Cool Tools
  • KK – Recomendo
  • KK – The Technium
  • KK – The Technium (KK – The Technium)
  • KK – เครื่องมือสุดเจ๋ง (KK – Cool Tools)
  • KK – แนะนำ (KK – Recomendo)
  • Krishna
  • Lee Robinson
  • Lines and Colors
  • Lyn Alden – Investment Strategy
  • MakeUseOf (MakeUseOf)
  • Martin Fowler
  • Mobilism Forums
  • More To That
  • Morgan Housel
  • Morgan Housel (Morgan Housel)
  • My Super Secret Diary
  • NASA Astronomy Picture
  • Neckar's New Money
  • News Letter
  • Nick Whitaker
  • Nicky's New Shtuff
  • nutcroft
  • Paul Graham
  • Penguin Random House
  • Philip Walton
  • Phoenix's island
  • Pivotal
  • Product Hunt
  • Prof Galloway
  • Psyche
  • Python Weekly
  • Python Weekly (Python Weekly)
  • Quanta Magazine
  • Rachel
  • Rachel (Rachel)
  • Real Life
  • Riccardo Mori
  • Riccardo Mori (Riccardo Mori)
  • Sasha
  • Science & technology
  • Science current issue
  • Scott Hanselman's Blog
  • Sébastien Dubois
  • Sébastien Dubois (Sébastien Dubois)
  • Secretum Secretorum
  • Seth's Blog
  • Shu Ding
  • Sidebar
  • SignalFire
  • Simon Willison's Weblog
  • Simons Foundation
  • Singularity HUB
  • SLIME MOLD TIME MOLD
  • Slyar Home
  • Spencer Greenberg
  • Stay SaaSy
  • Stephen Malina
  • Stephen Wolfram Writings
  • Strange Loop Canon
  • Stratechery
  • Tech Notes
  • TechCrunch
  • TechCrunch (TechCrunch)
  • The Commonplace
  • The Intrinsic Perspective
  • The Latest in Hearing Health | HeardThat
  • The Rabbit Hole
  • The Verge
  • The Verge (The Verge)
  • The Wall Street Journal (The Wall Street Journal)
  • TLDR Newsletter
  • Tom's blog
  • Tomasz Tunguz
  • Tomasz Tunguz (Tomasz Tunguz)
  • Troy Hunt
  • twitter via [email protected] on Inoreader
  • Tychlog
  • Uncharted Territories
  • Visual Capitalist
  • Visual.ly (Visual.ly)
  • Visualising Data
  • Vitalik Buterin
  • Vitalik Buterin (Vitalik Buterin)
  • Weichen Liu
  • What's New
  • Works in Progress
  • Workspaces
  • Writing
  • Xe's Blog
  • xkcd.com
  • xkcd.com (xkcd.com)
  • Yihui Xie
  • Yihui Xie (Yihui Xie)
  • yuzu (yuzu)
  • Zoran Jambor
  • กฤษณะ (Krishna)
  • กลยุทธ์ (Stratechery)
  • การแสดงข้อมูล (Visualising Data)
  • ข้อมูลมีความสวยงาม (Information is Beautiful)
  • ความคิดเห็นที่มีสิทธิ์ (Entitled Opinions)
  • ความอุดมสมบูรณ์อย่างไม่มีเหตุผล (Irrational Exuberance)
  • คัดสรรสมอง (Brain Pickings)
  • จดหมายข่าว (News Letter)
  • จดหมายข่าว TLDR (TLDR Newsletter)
  • จอห์นนี่ ร็อดเจอร์ส (Johnny Rodgers)
  • จาค็อบ แคปแลน-มอสส์ (Jacob Kaplan-Moss)
  • จิตใจ (Psyche)
  • จูเลีย อีแวนส์ (Julia Evans)
  • ชีวิตจริง (Real Life)
  • ซาช่า (Sasha)
  • ดักลาส วาเก็ตตี้ (Douglas Vaghetti)
  • ดินแดนที่ไม่จดที่แผนที่ (Uncharted Territories)
  • ตัวชี้วัดที่ไม่มีที่สิ้นสุด (Endless Metrics)
  • ตากระตือรือร้น (eagereyes)
  • ทรอย ฮันท์ (Troy Hunt)
  • ทวิตเตอร์แปล
  • ทั้งหมดที่เป็นของแข็ง (All That is Solid)
  • ธรรมดา (The Commonplace)
  • นักพัฒนาภาคปฏิบัติ (The Practical Developer)
  • นักเศรษฐศาสตร์ (Enonomist)
  • นักเศรษฐศาสตร์ (The Economist)
  • นักเศรษฐศาสตร์พิมพ์ (Enonomist Print)
  • นายทุนทัศนศิลป์ (Visual Capitalist)
  • นิตยสาร Quanta (Quanta Magazine)
  • บล็อก – การเล่าเรื่องด้วยข้อมูล (Blog – storytelling with data)
  • บล็อก DKB (DKB Blog)
  • บล็อกของ Daniel Lemire (Daniel Lemire's blog)
  • บล็อกของ David Walsh (David Walsh Blog)
  • บล็อกข้อมูล | เดอะการ์เดียน (Datablog | The Guardian)
  • บันทึก Mad Ned (The Mad Ned Memo)
  • บ้านอินเทอร์เน็ตของจอห์น (John's internet house)
  • พอล เกรแฮม (Paul Graham)
  • พื้นฐาน Apple Guy (Basic Apple Guy)
  • พื้นที่ทำงาน (Workspaces)
  • ภาวะเอกฐานฮับ (Singularity HUB)
  • มหึมา (Colossal)
  • มากกว่านั้น (More To That)
  • มาร์ติน ฟาวเลอร์ (Martin Fowler)
  • มีอะไรใหม่ (What's New)
  • มุมมองภายใน (The Intrinsic Perspective)
  • มูลนิธิไซม่อน (Simons Foundation)
  • ยาคอบ กรีนเฟลด์ (Jakob Greenfeld)
  • รูปภาพดาราศาสตร์ของนาซ่า (NASA Astronomy Picture)
  • ล่าสินค้า (Product Hunt)
  • ลิน อัลเดน – กลยุทธ์การลงทุน (Lyn Alden – Investment Strategy)
  • ลูกจันทน์เทศ (nutcroft)
  • วันแห่งการเรียนรู้ (A learning a day)
  • วิทยาศาสตร์ & เทคโนโลยี (Science & technology)
  • วิทยาศาสตร์ปัญหาปัจจุบัน (Science current issue)
  • ศ.กัลโลเวย์ (Prof Galloway)
  • สมาร์ทแบร์ (A Smart Bear)
  • สัญญาณไฟ (SignalFire)
  • หลุมกระต่าย (The Rabbit Hole)
  • อนาคต A16Z (Future A16Z)
  • อะตอมกับบิต (Atoms vs Bits)
  • อาส เทคนิค (Ars Technica)
  • อินโฟกราฟิก – อินโฟกราฟิกสุดเจ๋ง (Infographics – Cool Infographics)
  • อินโฟกราฟิกรายวัน (Daily Infographic)
  • อเล็กซ์ ทูเร็ค (Alex Turek)
  • ฮันเตอร์วอล์ค (Hunter Walk)
  • เงินใหม่ของเนคคาร์ (Neckar's New Money)
  • เจสัน ฟรายด์ (Jason Fried)
  • เดวิด เอมอส (David Amos)
  • เดอะการ์เดียน (Guardian)
  • เดอะการ์เดียน (The Guardian)
  • เทคโนโลยีเสพติด (Engadget)
  • เบน ทอมป์สัน (Ben Thompson)
  • เบเนดิกต์ อีแวนส์ (Benedict Evans)
  • เศรษฐศาสตร์เต็มกอง (Full Stack Economics)
  • เส้นและสี (Lines and Colors)
  • เหวยเฉินหลิว (Weichen Liu)
  • แคนนอนวงแปลก (Strange Loop Canon)
  • แถบด้านข้าง (Sidebar)
  • แรงบันดาลใจดิจิทัล (Digital Inspiration)
  • แอตแลนติก (The Atlantic)
  • โซรัน จัมโบร์ (Zoran Jambor)
  • ใช้ประโยชน์จาก (Make Use Of)
  • ไดอารี่สุดยอดของฉัน (My Super Secret Diary)
  • ไดโนไมท์ (DYNOMIGHT)
  • ไม่พบข้อยกเว้น (Exception Not Found)
  • ไม่มีหมวดหมู่

ทวิตเตอร์แปล

#ยูเครน️ (ค้นหาด้วย Twitter) (#Ukraine️ (Twitter search)) arxivblog (arxivblog) Brett Winton (Brett Winton) Cathie Wood (Cathie Wood) GeekWire (GeekWire) Parag Agrawal (Parag Agrawal) Peter Thiel (Peter Thiel) Steph Smith (Steph Smith) The New York Review of  หนังสือ (The New York Review of Books) Vitalik Buterin (Vitalik Buterin) กีคไวร์ (GeekWire) ช่องของ Durov (Durov's Channel) ทหารเรือ (Naval) ทิมคุก (Tim Cook) ทิม คุก (Tim Cook) นาวาล (Naval) นเรนทรา โมดี (Narendra Modi) บิลเกตส์ (Bill Gates) มาร์ค เกอร์มัน (Mark Gurman) มาร์ค เกอร์แมน (Mark Gurman) สตีฟ สมิธ (Steph Smith) อีลอน มัสก์ (Elon Musk) เคธี่ วูด (Cathie Wood) เบรตต์ วินตัน (Brett Winton) เรย์ ดาลิโอ (Ray Dalio) โจ ไบเดน (Joe Biden) ไวทาลิก บิวเทริน (Vitalik Buterin)

  • กุมภาพันธ์ 2023
  • มกราคม 2023
  • ธันวาคม 2022
  • พฤศจิกายน 2022
  • ตุลาคม 2022
  • กันยายน 2022
  • สิงหาคม 2022
  • กรกฎาคม 2022
  • มิถุนายน 2022
  • พฤษภาคม 2022
  • เมษายน 2022
  • มีนาคม 2022
  • กุมภาพันธ์ 2022
©2023 คนไทยมองโลก | Design: Newspaperly WordPress Theme