ก่อนจะไปรู้การเพิ่ม Extension เรามารู้กันก่อนว่า Extension คืออะไร แล้วมีความสามารถอะไรกัน
Extension คืออะไร
Extension คือตัวเสริมที่เอามาใช้เพิ่มเติมในตัวโปรแกรม VSCODE เพื่อให้ VSCODE อำนวยความสะดวกกับเรามากขึ้น ตาม Extension ที่เราโหลดมาเสริม ถ้าคนที่เคยใช้ Text Editor แบบ Sublime Text กันมาแล้ว ตัวเสริมของ Sublime Text จะใช้ชื่อเรียกว่า Package ซึ่งมีหน้าที่การทำงานที่เหมือนกัน แต่แตกต่างกันแค่ชื่อเรียก
เราก็รู้กันคร่าวและนะครับว่ามันคืออะไร แต่อาจจะยังไม่เห็นภาพ งั้นผมจะสาธิตการเพิ่ม Extension ว่าทำยังไงและดียังไงกันนะครับ
การติดตั้ง Extension
สำหรับการติดตั้ง Extension นะครับ อย่างแรกก็เปิดโปรแกรม VSCODE ( Visual Studio Code ) ขึ้นมาก่อน
โดยการติดตั้ง สามารถเข้าได้หลายแบบนะครับ โดยการไปที่ View > Extension หรือกดปุ่มคีย์ลัด Ctrl + Shift + X
หรือจะเข้าอีกทางนึงก็ทางด้านซ้ายมือของโปรแกรมจะมีไอค่อนรูป สี่เหลี่ยม เราก็ทำการคลิกเข้าไปได้เลยแบบในรูปนี้
ไม่ว่าเราจะเข้าแบบไหน เมื่อเข้าเสร็จแล้วก็จะมีหน้า Extension แสดงขึ้นมาด้านซ้ายมือแบบนี้
ส่วนการโหลด Extension มาเสริมเราก็เลือกดูความสามารถของมันตามที่เราต้องการ เพิ่อเข้ามาอำนวยความสะดวกต่อเรากันนะครับ โดยทำการเลือกไปที่ชื่อ Extension นั้นๆ ถ้าเรามีชื่อของมันก็ทำการพิมพ์ลงไปในช่องค้นหาได้เลยครับ เมื่อทำการเลือกมาแล้ว ตัว Extension ที่เราเลือกก็จะปรากฏด้านขวามือแบบนี้
พอเราเลือก Extension ที่เราต้องการแล้ว เราก็ทำการ กด ติดตั้งมันได้เลยครับ โดยการคลิกที่ Install
เมื่อทำการติดตั้งเสร็จแล้วให้เราทำการกด Reload เพื่อให้โปรแกรมทำงานใหม่อีกรอบนึงครับ
โดยการใช้งาน Extension ที่เราต้องการเราสามารถดูได้ในรายละเอียดของแต่ละ Extension ได้เลย
ก็เป็นอันเสร็จสิ้นกับการติดตั้ง Extension มาช่วยการใช้งานเราครับ โดยผมจะแนะนำ Extension ก็มีดังนี้
1. HTML Snippets
ความสามารถของมันก็คือ เมื่อเราต้องการพิมพ์ Tag HTML เราไม่จำเป็นต้องเขียนทั้งหมด อย่างเช่น เราจะพิมพ์ ลิงค์ url เราก็แค่ทำการ พิมพ์ a ละกดปุ่ม Tab บนคีย์บอร์ด มันก็จะเขียน Tag a ทั้งหมดมาให้เราเลยอัตโนมัติ
2. Path Intellisense
ความสามารถของตัวนี้ก็คือมันจะแสดงข้อมูลของโฟลเดอร์ที่อยู่ภายในโปรเจคของเราเมื่อเราทำการพิมพ์ Tag ต่างๆ ที่ต้องมีการดึงไฟล์จากโปรเคมาใช้งาน
3. CSS Peek
ความสามารถของตัวนี้ก็คือ เมื่อเรากำหนด Class เอาไว้เราสามารถคลิกที่ชื่อ Class เพื่อเข้าสู่ไฟล์ CSS ได้เลย
4.Sublime Text Keymap
สำหรับคนที่มาจาก Sublime Text และคุ้นเคยกับ Key Shortcut ก็สามารถเพิ่ม Extension ตัวนี้ลงไปได้เลย
ทั้งหมดนี่ก็คือ Extension คร่าวๆ ที่ผมนำมาแนะนำนะครับ ส่วน Extension ก็มีอีกเยอะแยะมากมายที่นำมาช่วยอำนวยความสะดวกกับการเขียนโปรแกรมของเรา ก็สามารถค้นหาและลงเพิ่มเติมกันเองได้เลยครับ ว่าจะเขียนในส่วนของ Theme ด้วย แต่บทความน่าจะยาว งั้นผมขอยกไปในหัวข้อต่อไปละกันนะครับผม
ไม่มีความคิดเห็น:
แสดงความคิดเห็น