Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> สมาร์ทโฟน >> iPhone

5 ต้องมีการตั้งค่ารหัส VS เพื่อปรับปรุงประสบการณ์การเขียนโค้ดของคุณ

5 ต้องมีการตั้งค่ารหัส VS เพื่อปรับปรุงประสบการณ์การเขียนโค้ดของคุณ

เผยแพร่เมื่อวันที่ 1 พฤษภาคม 2026 เวลา 8:30 น. EDT

Zunaid Ali เริ่มสนใจเทคโนโลยีเป็นครั้งแรกหลังจากใช้คอมพิวเตอร์เป็นครั้งแรกในปี 2549 เขาผลิตเนื้อหาฮาวทูมาตั้งแต่ปี 2018 และเข้าถึงผู้คนหลายพันคนในกระบวนการนี้

เมื่อเป็นเด็ก Zunaid เคยอ่านบทช่วยสอนด้านเทคนิคและคำแนะนำในการแก้ไขปัญหาในบล็อกยอดนิยม นั่นทำให้เขาอยากเริ่มต้นอาชีพนักเขียนของตัวเอง หลังจากการแพร่ระบาดของไวรัสโคโรนา ในที่สุดเขาก็ตัดสินใจกระโดดเข้าสู่โลกแห่งการเขียนเชิงเทคโนโลยี ก่อนที่จะมาร่วมงานกับ How-To Geek เขาได้เขียนให้กับ HecticGeek, Distroid และ UbuntuPIT และอื่นๆ อีกมากมาย

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

หลังจากค้นพบงานเขียนบน Linux ครั้งแรกในเดือนเมษายน 2022 เขาตัดสินใจที่จะเชี่ยวชาญด้านนี้เพื่อแบ่งปันความรู้และข้อมูลเชิงลึกกับเพื่อนผู้ชื่นชอบโอเพ่นซอร์ส เขาเข้าร่วม How-To Geek ในเดือนกันยายน 2023 และได้เขียนงานในฐานะผู้สนับสนุนอิสระตั้งแต่นั้นมา

ปัจจุบัน Zunaid กำลังศึกษาระดับปริญญาตรีสาขาเทคโนโลยีสารสนเทศและการสื่อสาร เมื่อเขาไม่ได้เขียน เขาจะอ่านบล็อกเทคโนโลยี เขียนโค้ดโปรเจ็กต์สนุกๆ หรือเรียนรู้เกี่ยวกับเทคโนโลยีใหม่ๆ นอกจาก Linux แล้ว เขายังสนใจในการพัฒนา Android และความปลอดภัยทางไซเบอร์อีกด้วย เขามีประสบการณ์ในด้าน C/C++, Java, HTML/CSS/JavaScript และ Python คุณสามารถค้นหาโปรเจ็กต์งานอดิเรกของเขาได้ใน GitHub

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

เพื่อปฏิบัติตาม คุณจะต้องปรับแต่ง "settings.json" ซึ่งเป็นไฟล์ JSON ของ VS Code ในการทำเช่นนั้น ให้เปิด Command Palette ด้วย Ctrl+Shift+P บน Windows หรือ Cmd+Shift+P บน Mac ในแถบค้นหา ให้พิมพ์ "JSON" โดยไม่มีเครื่องหมายคำพูด คลิกที่ "การตั้งค่า:เปิดการตั้งค่าผู้ใช้ (JSON)" JSON ใดๆ ที่คุณเห็นในส่วนต่อๆ ไป ให้วางไว้ในวงเล็บปีกกาในไฟล์ JSON นี้

บันทึกอัตโนมัติ

ไม่จำเป็นต้องมี OCD บันทึกหลังจากพิมพ์ทุกบรรทัด

5 ต้องมีการตั้งค่ารหัส VS เพื่อปรับปรุงประสบการณ์การเขียนโค้ดของคุณ

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

"files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000

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

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

หากคุณต้องการควบคุมมากกว่านี้ คุณสามารถใช้:

"files.autoSave": "onFocusChange"

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

5 ต้องมีการตั้งค่ารหัส VS เพื่อปรับปรุงประสบการณ์การเขียนโค้ดของคุณ ที่เกี่ยวข้อง

รูปแบบในการบันทึก

ทำความสะอาดโค้ดโดยอัตโนมัติ

5 ต้องมีการตั้งค่ารหัส VS เพื่อปรับปรุงประสบการณ์การเขียนโค้ดของคุณ

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

"editor.formatOnSave": true

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

หากคุณใช้ Prettier (ซึ่งฉันแนะนำเป็นอย่างยิ่งสำหรับการพัฒนาส่วนหน้า) คุณสามารถกำหนดให้เป็นตัวจัดรูปแบบเริ่มต้นของคุณได้:

"[javascript]": {
 "editor.defaultFormatter": "esbenp.prettier-vscode"
}

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

การตัดคำ

อย่าเลื่อนไปทางด้านข้างอีก

5 ต้องมีการตั้งค่ารหัส VS เพื่อปรับปรุงประสบการณ์การเขียนโค้ดของคุณ

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

เพียงเปิดการตัดคำ:

"editor.wordWrap": "on"

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

ลดสัญญาณรบกวนทางสายตา

5 ต้องมีการตั้งค่ารหัส VS เพื่อปรับปรุงประสบการณ์การเขียนโค้ดของคุณ

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

"editor.minimap.enabled": false,
"breadcrumbs.enabled": false,
"editor.inlayHints.enabled": "off"

วิธีนี้จะตัดอินเทอร์เฟซออกไปจนถึงสิ่งสำคัญจริงๆ:โปรแกรมแก้ไขและโค้ดของคุณ หากคุณต้องการการตั้งค่าแบบมินิมอล สิ่งนี้อาจเป็นตัวเปลี่ยนเกมได้

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

5 ต้องมีการตั้งค่ารหัส VS เพื่อปรับปรุงประสบการณ์การเขียนโค้ดของคุณ ที่เกี่ยวข้อง

การควบคุม IntelliSense

ทำให้การเติมข้อความอัตโนมัติน่ารำคาญน้อยลง

5 ต้องมีการตั้งค่ารหัส VS เพื่อปรับปรุงประสบการณ์การเขียนโค้ดของคุณ

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

คุณสามารถลดเสียงลงได้ด้วย:

"editor.quickSuggestions": {
 "other": true,
 "comments": false,
 "strings": false
},
"editor.suggestOnTriggerCharacters": false

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

5 ต้องมีการตั้งค่ารหัส VS เพื่อปรับปรุงประสบการณ์การเขียนโค้ดของคุณ
วินโดวส์ 11 โปร

$29.99 $199 ประหยัด $169.01

รับ Windows 11 Pro และยกระดับประสบการณ์พีซีของคุณพร้อมส่วนลดสูงสุดถึง 88% 

ทำให้ VS Code รู้สึกเหมือนเป็นโปรแกรมแก้ไขของคุณ

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