9 ส่วนขยายโค้ด Visual Studio ที่ทำให้การเขียนโปรแกรมง่ายยิ่งขึ้น

9 ส่วนขยายโค้ด Visual Studio ที่ทำให้การเขียนโปรแกรมง่ายยิ่งขึ้น

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





เช่นเดียวกับโปรแกรมแก้ไขข้อความยอดนิยมอื่น ๆ Visual Studio Code มีส่วนขยายจำนวนมากที่สามารถกำหนดลักษณะการทำงานได้ สิ่งเหล่านี้สามารถเปลี่ยนแปลงวิธีการทำงานและความรู้สึกของ Visual Studio Code ได้อย่างมาก เช่น การเพิ่มการโยงคีย์แบบ Vim หรือ Emacs ด้วยรายการนี้ เราได้รวบรวมรายการโปรดบางส่วนของเรา



วิธีการติดตั้งส่วนขยายโค้ด Visual Studio

ในกรณีที่คุณไม่คุ้นเคย สามารถติดตั้งส่วนขยายใน Visual Studio Code ได้ง่าย คลิก ส่วนขยาย ไอคอนทางด้านซ้ายของหน้าจอ ที่ไอคอนที่ 5 ล่าง ล่าง Debug icon





ตอนนี้ เพียงพิมพ์ชื่อหรือส่วนของชื่อส่วนขยายที่คุณต้องการติดตั้ง คลิกที่ชื่อเพื่ออ่านภาพรวมของส่วนขยาย จากนั้นคลิก ติดตั้ง ไอคอนเพื่อติดตั้ง

1. Visual Studio IntelliCode

พัฒนาโดย Microsoft DevLabs Visual Studio IntelliCode เป็นส่วนขยายที่ต้องใช้ปัญญาประดิษฐ์เพื่อช่วยคุณเขียนโค้ด ปัจจุบันส่วนขยายรองรับ Python, JavaScript/TypeScript และ Java



วิธีสตรีมเกมพีซีไปยังทีวี

หากคุณเคยใช้ Intellisense มาก่อนใน Visual Studio หรือ Visual Studio Code คุณจะมีแนวคิดว่าจะเกิดอะไรขึ้น ความแตกต่างที่นี่คือโดยพื้นฐานแล้วเป็นแนวคิดที่ชาญฉลาดยิ่งขึ้นในความคิดนั้น

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



2. การตั้งค่า ซิงค์

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

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



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

3. เส้นทางอัจฉริยะ

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

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

4. Task Explorer

NS Task Explorer ส่วนขยายเพิ่มฟังก์ชั่นการรันงานสไตล์ IDE ให้กับ Visual Studio Code ซึ่งรวมถึงงานบิลด์สำหรับโปรเจ็กต์ปัจจุบันของคุณเป็นหลัก แต่ยังรวมถึง bash, Python และสคริปต์อื่นๆ ได้อีกด้วย

Task Explorer รองรับเครื่องมือสร้างมาตรฐานจำนวนพอสมควร ซึ่งรวมถึง NPM, Grunt, Gulp, Ant, Make และ Visual Studio Code ส่วนขยายนี้ปรับแต่งได้ ให้คุณปรับแต่งเส้นทางไปยังตัวเรียกใช้งานและภาษาสคริปต์แต่ละตัว สิ่งนี้มีประโยชน์หากคุณติดตั้งหลายเวอร์ชันและต้องการใช้เวอร์ชันเฉพาะ

5. GoLens

Visual Studio Code มีการรวม Git นอกกรอบดังที่เราได้กล่าวไว้ก่อนหน้านี้ ดังนั้นคุณอาจไม่จำเป็นต้องใช้ส่วนขยายนี้เลย ที่กล่าวว่า GoLens เพิ่มคุณสมบัติหลายอย่างที่ช่วยให้คุณเห็นภาพ นำทาง และเข้าใจประวัติ Git ของโปรเจ็กต์ของคุณ

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

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

วิธีทำแฟลชการ์ดออนไลน์

6. สวยขึ้น

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

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

7. วงเล็บคู่ Colorizer

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

โดยค่าเริ่มต้น,

()

,

[]

, และ

{}

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

8. รหัสเวลา

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

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

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

9. ลูกค้าส่วนที่เหลือ

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

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

มีประสิทธิผลมากขึ้นใน Visual Studio Code

ส่วนขยายเหล่านี้เป็นเพียงจุดเริ่มต้น โดยเฉพาะอย่างยิ่งหากคุณเพิ่งเริ่มใช้ Visual Studio Code อย่างแรก มีส่วนขยายอีกมากมายให้เลือก ในกรณีส่วนใหญ่ เราหลีกเลี่ยงส่วนขยายเฉพาะภาษา แต่มีส่วนขยายเหล่านี้มากมาย ไม่ว่าคุณจะเขียนโค้ดใน JavaScript, C++, Go หรือภาษาอื่น คุณจะพบส่วนขยายที่ช่วยให้การทำงานของคุณง่ายขึ้น

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

แบ่งปัน แบ่งปัน ทวีต อีเมล ลบไฟล์และโฟลเดอร์ Windows เหล่านี้เพื่อเพิ่มพื้นที่ว่างในดิสก์

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

อ่านต่อไป หัวข้อที่เกี่ยวข้อง
  • การเขียนโปรแกรม
  • รหัส Visual Studio
เกี่ยวกับผู้เขียน คริส วอค(118 บทความที่ตีพิมพ์)

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

หนังฟรีออนไลน์ ไม่ต้องดาวน์โหลด ไม่ต้องเป็นสมาชิก ไม่ต้องสำรวจ
เพิ่มเติมจาก Kris Wouk

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก