yukcode

[yukcode]

visual studio code สุดยอดเครื่องมือสร้างเว็บแห่งยุคนี้

ในการสร้างเว็บไซต์ในยุคปัจจุบัน เครื่องมือที่ได้รับความนิยมและเราอยากขอแนะนำอย่างมากนั้นก็คือ visual studio code สุดยอดของ Code Editor ที่ให้ใช้งานได้แบบฟรีๆจากค่าย ไมโครซอฟท์ รองรับการใช้งานได้หลากหลายภาษามากๆ ไม่ว่าจะเป็น python , c++ , html , javascript , php , typescript หรือ css เป็นต้น รองรับได้เยอะมากๆ ทำให้เกิดความสะดวกต่อนักพัฒนาโปรแกรม

สามารถปรับแต่ง หรือลงตัวเสริมที่เหมาะสมได้ อย่างเช่น PHP Debug เป็นตัวที่ช่วย Debug โค้ด PHP ที่ ไม่ถูกต้อง หรือ error ออกมายังตัว vscode และแจ้งให้เราทราบได้ว่ามีการทำอะไรผิดลงไป อย่างเช่น ใส่โค้ดไม่ถูก syntax เป็นต้น ซึ่งตัว PHP Debug เป็นหนึ่งใน Extension ของ visualstudiocode นั้นเอง และยังมีอีกหลาย extenstion ที่เปิดให้ดาว์นโหลดได้แบบฟรีๆ โดยเพื่อนๆสามารถลงและลบออกได้ทันทีหากไม่ถูกใจในตัว extension นั้นๆ ในการสอนสร้างเว็บไซต์ของเรา ก็ขอแนะนำให้ใช้งานvscodeในการพัฒนาเว็บไซต์ ส่วนรายละเอียดจะมีอะไรบ้างนั้น สามารถติดตามในบทความนี้กันได้เลย

วิธีdownload visual studio code ฟรีๆไม่มีค่าใช้ง่าย

รูปภาพที่1.1 หน้าจอเว็บไซต์หลักของvscode อันดับแรกที่จะกล่าวถึงนั้นก็คือการdownloadโปรแกรมvscodeนั้นเอง โดยเข้าไปที่หน้าเว็บไซต์หลักvscodeและจะเห็นปุ่มสำหรับ download โปรแกรมตามรูปภาพที่1.1 รูปภาพที่1.2 รายชื่อ os สำหรับดาว์นโหลด หากผู้ใช้งานใช้ os ของ Window สามารถกดที่ปุ่มสีน้ำเงิน "Download for Windows" ตามรูปภาพที่1.2 ได้เลย แต่หากใช้ระบบปฏิบัติการอื่นอย่าง Mac และ Linux ก็ให้กดปุ่มลุกศร และจะเห็นรายชื่อ Mac และ Linux ให้ดาวน์โหลด แต่หากใช้ OS อื่นอย่างเช่น Ubuntu หรือ Debian ให้กดที่ลิงค์ "OTher downloads" และจะเห็นรายชื่อOSอื่นที่สามารถดาวน์โหลดได้เพิ่มเติมตามรูปภาพที่1.3

รูปภาพที่1.3 รายการ other downloads หลังจากดาวน์โหลดและติดตั้งเรียบร้อยแล้ว เราจะได้ตัวเข้าโปรแกรมตามรูปภาพที่1.4 ให้ทำการลองกดเข้าไปใช้งาน หากโปรแกรมทำงานได้อย่างไม่มีปัญหาหรือมี error ใดๆ ก็เป็นอันเสร็จสิ้นการดาวน์โหลดและติดตั้งโปรแกรมครับ

รูปภาพที่1.4 logo โปรแกรม

วิธีเริ่มต้นใข้งาน

หลังจากติดตั้งโปรแกรมแล้วก็จะมาถึงการเริ่มใช้งานตัวโปรแกรม vs code โดยให้กดที่ตัวโปรแกรมระบบจะรันตัวโปรแกรมขึ้นมาดังรูปภาพด้านล่าง โดยมีรายละเอียดคร่าวๆ ดังนี้

หน้าจอเริ่มต้น visual studio code - จะเกี่ยวกับการจัดการไฟล์ต่าง เช่น การเปิดไฟล์ การสร้างไฟล์ใหม่ หรือการเปิดจากโฟลเดอร์จากคอมพิวเตอร์ของเรา - แถบเมนูบาร์ - ตัวจัดการโปรเจกค์ อย่างเช่น การเพิ่ม extension จัดการไฟล์โปรเจกค์ เป็นต้น

ข้อดี และ ข้อเสีย ของ vscode

ถึงจะมีข้อดีมากมายแต่ vscode ก็ยังมีข้อเสียเช่นเดียวกัน โดยเราได้รวบรวมมาจากการใช้งานเองโดยตรง และจากผู้ใช้หลายอื่นๆอีกมากดังนี้ ข้อดี - หน้าจอของแอฟ(UX/UI) ออกแบบดี ใช้งานง่าย - การค้นหาข้อผิดพลาด (Error) หาได้ง่าย - มี Terminal สำหรับรันโค้ดได้ (เหมือน Command Line) - ใช้งานได้หลากหลายภาษามาก อาทิเช่น python, java, c, c++ ข้อเสีย - บาง plugin/extension หากติดตั้งด้วยกันจะทำให้เกิดปัญหาขึ้นได้ ซึ่งยากในการตรวจสอบก่อนในการติดตั้ง - การจัดการ Entension ก็ยากที่จะทำความเข้าใจได้ - ตัวโปรแกรม visual studiocode บางครั้งใข้ทรัพยากรในเครื่องคอมพิวเตอร์มากเกินความจำเป็น ถึงจะใช้การเปิด/ปิดโปรแกรมใหม่ก็จะช่วยได้ก็ตาม - ไม่มี git merging Read the full article