ปรับแต่งรหัส VS ของคุณ

การแนะนำ

Visual Studio Code (VS Code) เป็นหนึ่งในโปรแกรมแก้ไขโค้ดที่ได้รับความนิยมมากที่สุดในอุตสาหกรรมเทคโนโลยี เนื่องจากมีฟีเจอร์ที่มีประสิทธิภาพและการออกแบบที่มีน้ำหนักเบา ทำให้กลายเป็นโปรแกรมแก้ไขโค้ดที่นักพัฒนาทั่วโลกเลือกใช้ ความนิยมของมันสามารถนำมาประกอบกับรูปลักษณ์ที่ปรับแต่งได้ ซึ่งช่วยให้เราสามารถสร้างพื้นที่การเขียนโค้ดที่เก๋ไก๋และสะดุดตาได้ ในบทความนี้ เราจะสำรวจวิธีปรับแต่งลักษณะที่ปรากฏของโค้ด vs ตามความต้องการของคุณ รวมถึงธีมตัวแก้ไขโค้ด ธีมไอคอน และการเปลี่ยนสีของแถบเครื่องมือ

ธีมไอคอน

แม้ว่าไอคอนเริ่มต้นของ Visual Studio Code จะใช้ได้ แต่ทำไมคุณถึงจำกัดตัวเองอยู่แค่ไอคอนเหล่านี้ในเมื่อคุณสามารถจัดงานฉลองด้วยภาพได้? คุณสามารถเปลี่ยนรูปลักษณ์ของ File Explorer ได้ด้วยธีมไอคอน ซึ่งช่วยปรับปรุงทั้งรูปลักษณ์และการใช้งาน

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

หากต้องการติดตั้งส่วนขยาย Material Icon Theme ให้ทำตามขั้นตอนเหล่านี้:

1. เปิดรหัส Visual Studio

2. ไปที่มุมมองส่วนขยายโดยคลิกที่ไอคอนส่วนขยายในแถบเครื่องมือทางด้านซ้ายของหน้าต่าง

3. ค้นหา "ธีมไอคอนวัสดุ" และคลิกติดตั้ง

หลังการติดตั้ง คลิกไอคอนรูปเฟืองที่มุมซ้ายล่างแล้วเลือก "ธีมไอคอนไฟล์" เพื่อเลือกธีมไอคอนวัสดุ

ธีมตัวแก้ไขโค้ด

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

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

วิธีติดตั้งส่วนขยายธีม Night Owl:

นำทางไปยังมุมมองส่วนขยาย

ค้นหา "Night Owl" แล้วคลิกติดตั้ง

หลังการติดตั้ง ให้เลือก Night Owl เป็นธีมของคุณโดยเปิด Command Palette (Ctrl+Shift+P บน Windows/Linux, Cmd+Shift+P บน macOS) เลือก "ธีมสี" และเลือก Night Owl จากรายการธีมที่ติดตั้ง ในตัวแก้ไขโค้ดของคุณ

สีของแถบเครื่องมือ

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

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

ในการติดตั้งส่วนขยาย Peacock:

1. ไปที่มุมมองส่วนขยาย

2. ค้นหา "Peacock" แล้วคลิกติดตั้ง

หลังการติดตั้ง คุณสามารถปรับแต่งสีของแถบเครื่องมือได้โดยเปิดแผงคำสั่ง ค้นหา "Peacock: Enter a color" จากนั้นใส่ค่าฐานสิบหกของสีที่คุณต้องการตั้งค่าให้กับแถบเครื่องมือ vs code ของคุณ

บทสรุป

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