Visual Studio Code

โครงการ ค่มู อื ออนไลนก์ ารตดิ ตงั้ โปรแกรม วชิ วลสตดู โิ อ โคด๊ ชอื่ โครงการ : คู่มอื ออนไลนก์ ารติดตั้งและการใชง้ านโปรแกรม วิชวล สตูดิโอ โค๊ด ผรู้ บั ผดิ ชอบโครงการ : ๑. นายสญั จกร สวุ รรณวงค์ ๒. นายคมั ภรี ์ ทองทับ ๓. ชนวีร์ วานิชยพงษ์ อาจารยท์ ป่ี รกึ ษาโครงการ : ๑. อาจารย์สมศริ ิ ทบั ทมิ แก้ว (สมรรถนะวิชาชีพ) ๒. อาจารยป์ ัณณวิชญ์ คงสมาน (ICT) ๓. อาจารย์พชั รนิ ทร์ โพธท์ อง (ภาษา) ๔. อาจารย์อมร ศรแสดง (บคุ ลิกภาพ) หลกั การและเหตผุ ล โลกในปัจจบุ นั มกี ารพัฒนาเตบิ โต อย่างต่อเน่ืองของ เทคโนโลยกี ลายเป็นสว่ นหน่งึ ใชีวิตประจาวันของมนษุ ย์ ซงึ่ มอบ ความสะดวกใหก้ บั มนษุ ย์ในหลายด้าน เชน่ การทางาน การวิจยั การ รบั รูข้ า่ วสาร ทุกอย่างเหลา่ น้ลี ว้ นเกดิ จากเทคโนโลยีท่ถี ูกพัฒนาอย่าง ต่อเน่ือง เช่น โปรแกรม แอพพลิเคชน่ั ทีส่ ร้างความสะดวกสบายและ เพิ่มมลู คา่ ใหก้ บั คุณภาพชีวิตของมนุษย์ การสร้างโปรแกรมหรือแอพพลเิ คชน่ั ขึ้นมาเพื่อรองรบั ความ ต้องการของมนุษย์ จงึ เปน็ สง่ิ สาคัญมากที่ทาให้มนุษย์กบั เทคโนโลยี สามารถดารงชวี ติ ควบคู่กันได้ ดงั นัน้ โปรแกรม Visual Studio Code เปน็ อกี โปรแกรมหนึ่งที่สามารถสรา้ งโปรแกรมหรอื แอพพลเิ คชั่นและการพฒั นาซอฟแวร์ ระบบตา่ ง ๆ อาทิ การเขียน โปรแกรม การสรา้ งระบบเซิรฟ์ เวอร์ ซ่ึงในปัจจุบันขาดขอ้ มูล

หน้าที่ ๒ ออนไลน์ทีเ่ ขา้ ใจง่ายต่อการศึกษาจึงมีความจาเปน็ ต้องพ่ึงพาสื่อ ออนไลนอ์ ยา่ งเว็บไซตเ์ พ่ือนาเสนอข้อมูล ด้วยเหตุผลดังกล่าว ผู้รับผิดชอบโครงการจึงจัดคู่มือออนไลน์ การติดตั้งโปรแกรมวิชวล สตูดิโอ โค๊ด เพื่อเสนอวิธีการติดต้ังและ การใช้โปรแกรมเบือ้ งต้น โดยจัดทาในรปู แบบคู่มือออนไลน์บนระบบ อินเทอร์เน็ตท่ีสามารถเข้าใจได้ด้วยง่ายให้กับผู้บุคคลภายนอกที่ สนใจ วตั ถุประสงค์ ๑. เพอ่ื ศึกษากระบวนการขนั้ ตอนวิธีการสรา้ งคมู่ ือออนไลน์ ๒. เพ่อื สรา้ งคมู่ ือออนไลนก์ ารตดิ ต้งั และการใช้งานโปแกรม วิชวล สตูดโิ อ ๓. เพ่ือเผยแพรค่ วามรู้เก่ยี วกับการตดิ ตั้งและการใช้งาน โปรแกรม วิชวล สตูดิโอ เน้ือหาโครงการ ความเปน็ มา ภาษา BASIC ถูกสร้างในปี ค.ศ. 1963 โดย Hohn Keneny และ Thomas Kurtz ที่วทิ ยาลยั Dartmouth ในเบ้ืองต้นพวกเขามีจุดมุ่งหมายในการพัฒนาภาษา Basic ข้ึน เพื่อใช้ในการสอนแนวในการเขียนโปรแกรม โดยเน้นท่ี รูปแบบง่าย ๆ เพ่ือสะดวกในการใช้งาน ในปี 1970 Microsoftได้เร่ิม ผลิตตัวแปรภาษา Basic ใน Rom ข้ึน เช่น Chip Radio Sheek TRS-80 เป็นต้น ต่อมาได้พัฒนาเป็น GWBasic ซ่ึง เป็นInterpreter ภาษาทใ่ี ชก้ บั MS-Dos และในปี 1982 Microsoft QuickBaic ได้รบั

หนา้ ท่ี ๓ การพัฒนาข้ันโดยเพ่ิมความสามารถในการรันโปรแกรมให้เป็น Executed Program รวมท้ังท าให้ Basicมีความเป็น \"Structured Programming\" มากขนึ้ โดยการตดั Line Number ทงิ้ ไป เพือ่ ลบข้อ ก ล่ า ว ห า ว่ า เ ป็ น ภ า ษ า ค อ ม พิ ว เ ต อ ร์ ท่ี มี โ ค ร ง ส ร้ า ง ใ น ลั ก ษ ณ ะ Spaghetti Code ม า ใ ช้ รู ป แ บ บ ข อ ง Subprogram แ ล ะ User Defined รวมทั้งการใช้Structured Data Type และการพัฒนาการ ใช้งานด้านกราฟิกให้มีการใช้งานในระดับที่สูงขึ้น รวมท้ังมีการใช้ เสียงประกอบได้เหมือนกับภาษาคอมพิวเตอร์อ่ืน ๆ เช่น Turbo C และ Turbo Pascal เป็นต้น Visual Basicเป็นภาษาคอมพิวเตอร์ที่ ได้รับความนิยมในการน ามาใช้งานพัฒนาโปรแกรมบน ระบบ Windows เนื่องจาก เป็นภาษาคอมพิวเตอร์ท่ีใช้เทคโนโลยีใน ลักษณะ Visualizeนั่นก็คือจะสะดวกในการหยิบเครื่องไม้เคร่ืองมือท่ี โปรแกรมได้จัด เตรียมไว้ให้ส าหรับออกแบบหน้าจอและสิ่งต่าง ๆ ส าหรับในการเขียนโปรแกรมให้เรียบร้อย ซึ่งแตกต่างจากสมัยก่อน เวลาจะออกแบบหน้าจอก็ยังคงต้องมาน่ังเขียน Source Codeให้ ลาบาก คอื อะไร เป็นโปรแกรม Code Editor ที่ใช้ในการแกไ้ ขและปรบั แต่งโค้ด จ า ก ค่ า ย ไ ม โ ค ร ซ อ ฟ ท์ มี ก า ร พั ฒ น า อ อ ก ม า ใ น รู ป แ บ บ ข อ ง OpenSource จึงสามารถนามาใช้งานได้แบบฟรี ๆ ท่ีต้องการความ เป็นมืออาชีพซึ่ง Visual Studio Code นั้น เหมาะสาหรับนักพัฒนา โปรแกรมที่ต้องการใช้งานข้ามแพลตฟอร์ม รองรับการใช้งานทง้ั บน Windows, macOS แ ล ะ Linux ส นั บ ส นุ น ท้ั ง ภ า ษ า JavaScript,

หนา้ ท่ี ๔ TypeScript และ Node.js สามารถเช่ือมต่อกับ Git ได้ นามาใช้งาน ได้ง่ายไม่ซับซ้อน มีเคร่ืองมือส่วนขยายต่าง ๆ ให้เลือกใช้อย่างมาก มาก ไม่ว่าจะเป็น 1.การเปิดใช้งานภาษาอ่ืน ๆ ท้ัง ภาษา C++, C#, Java, Python, PHP ห รื อ Go 2 . Themes 3 . Debugger 4.Commands เปน็ ต้น ผผู้ ลิต บริษัท ไมโครซอฟท์ เวอร์ชน่ั อดีต-ปจั จบุ นั Visual Studio 97 ในปี 1997 ไมโครซอฟท์ไดเ้ ปดิ ตวั โปรแกรม วชิ วล สตดู ิโอ เวอร์ช่นั แรกใน เป็นโปรแกรมแรกท่รี วบรวมเคร่อื งมือมากมายในการ เขยี นโปรแกรม ตอ่ มาไดม้ กี ารปลอ่ ย Visual Studio Professional และ Visual Studio Enterprise สาหรบั การพัฒนาภาษา Java และ การสร้างเว็บไซค์แบบไดนามิก ภาพท่ี ๑ Visual Studio 97

หนา้ ที่ ๕ Visual Studio 6.0 ถกู ปลอ่ ยในปี 1998 และเปน็ เวอรช์ ่นั สดุ ท้ายท่รี นั บน ระบบปฏิบัติการ windows 9x เวอร์ชั่นของแต่ละภาษาถูกตดั ไปที่ v6.0 เปลยี่ นการพัฒนาแพลตฟอร์ม Microsoft .NET Framework ภาพท่ี ๒ Visual Studio 6.0 Visual Studio .NET 2002 ถูกปล่อยในปี 2002 โปรแกรมทใ่ี ช้ .NET ในการพฒั นาจะ ไม่ได้แปลเป็นภาษาเครื่อง แต่ใช้รปู แบบทเ่ี รียกวา่ Microsoft Intermediate Language (MSIL) หรือ Common Intermediate Language (CIL) ได้มกี ารเปดิ ตัวภาษา C# J#

หนา้ ท่ี ๖ ภาพท่ี ๓ Visual Studio .NET 2002 Visual Studio 2003 ถกู ปล่อยในปี 2003 ได้อพั เดต .NET Framework เป็น 1.1 และเป็นรุน่ แรกในการใช้ APS.NET สาหรับพัฒนาแอพพลิเคช่นั บน มอื ถือ ปรับปรุงการคอมไพเลอร์ Visual C++ ภาพที่ ๔ Visual Studio 2003 Visual Studio 2005

หน้าท่ี ๗ ถูกปล่อยในปี 2005 มกี ารอัพเดต .NET Framework เปน็ 2.0 สาหรบั windows 2000 และเปน็ เวอร์ช่ันสุดท้ายทร่ี ัน windows 98 windows ME windows NT สาหรบั โปรแกรมภาษา ภาพที่ ๕ Visual Studio 2005 Visual Studio 2008 ถกู ปล่อยในปี 2007 พร้อมกับ .NET Framework 3.5 มีการ ออกแบบ HTML/CSS editor ใหม่ ภาษา assembly สามารถรนั บน visual studio ไดแ้ ล้ว ภาพที่ ๖ Visual Studio 2008

หน้าท่ี ๘ Visual Studio 2010 ถูกปล่อยในปี 2010 พรอ้ มกับ .NET Framework 4 ปรบั ปรุง หน้าต่าง UI เพิ่มเคร่ืองมือ debugging parallel ไดม้ ีการออกแบบ IDE ใหม่ ภาพที่ ๗ Visual Studio 2010 Visual Studio 2012 ถกู ปลอ่ ยในปี 2012 เพ่ิม include ให้กบั ภาษา C++/CX C++ AMP

หน้าที่ ๙ ภาพท่ี ๘ Visual Studio 2012 Visual Studio 2013 ถูกปล่อยในปี 2013 พร้อมกับ .NET Framework 4.5.1 เนน้ การพัฒนาและปรับปรงุ กับความตอ้ งการของลูกค้า ภาพท่ี ๙ Visual Studio 2013

หนา้ ที่ ๑๐ Visual Studio 2015 ปล่อยในปี 2015 ภาพที่ ๑o Visual Studio 2015 Visual Studio 2017 ถูกปลอ่ ยในปี 2017 เพ่ิมการพฒั นา .NET core 2.0 และ .NET Framework 4.7

หนา้ ท่ี ๑๑ ภาพท่ี ๑๑ Visual Studio 2017 ปญั หาทเ่ี คยพบ 0x80200010, 0x80072efe ห รื อ 0x80072ee7 - ปั ญ ห า ก า ร เชื่อมต่อระหว่างการดาวนโ์ หลด ข้อผิดพลาดนี้ปกติเกิดข้ึนเม่ือโปรแกรมติดตั้ง Visual Studio ประสบปัญหาที่เกิดจากการเชื่อมต่ออินเทอร์เน็ตของคุณในระหว่าง การดาวนโ์ หลดคอมโพเนนต์ทจี่ าเป็น 0x80070005 - การเข้าถงึ ถูกปฏิเสธ ข้อผิดพลาดนี้เกิดข้นึ เม่อื Visual Studio ไม่สามารถเขา้ ถึงแฟ้ม การติดต้ังที่จาเป็นอย่างน้อยหน่ึงแฟ้ม ข้อผิดพลาดนี้อาจเกิดขึ้นได้ จากสาเหตตุ อ่ ไปน:ี้ กระบวนการภายนอก เช่นมีโปรแกรมประยุกต์โปรแกรม ป้องกันไวรสั หรือ antimalware ลอ็ กแฟม้ ตดิ ต้งั Visual Studio ขณะ Visual Studio มกี ารพยายามทจ่ี ะตดิ ตงั้ แฟม้

หนา้ ท่ี ๑๒ ผู้ใช้ท่ีพยายามจะติดตั้ง Visual Studio ไม่มีข้อมูลประจาตัว ของผู้ดูแลบนคอมพิวเตอร์ เมื่อต้องการติดตั้ง Visual Studio เสร็จ เรียบร้อยแลว้ สิทธิ์ในกลุ่มรีจิสทรีบางอย่างสามารถป้องกันไม่ให้ติดตั้ง Visual Studio ไดส้ าเร็จ 0x800713ec - การตดิ ตั้ง.NET framework อยู่ระหว่างดาเนินการ ข้อผิดพลาดนี้ปกติเกิดขึ้นเม่ือการติดต้ัง.NET Framework ท่ี แยกต่างหากจาก Visual Studio อยู่ในระหว่างดาเนินการอยู่แล้ว เน่ืองจากคอมโพเนนต์ต่าง ๆ ของโปรแกรมติดตั้ง Visual Studio ข้ึ น อ ยู่ กั บ . NET Framework ค ว า ม พ ย า ย า ม ท่ี จ ะ ติ ด ตั้ ง . NET Framework ขณะกาลังติดต้ัง Visual Studio อาจทาให้เกิดลักษณะ การทางานทไี่ ม่คาดคดิ วธิ ีแกป้ ญั หา 0x80200010, 0x80072efe หรอื 0x80072ee7 - ปัญหาการ เชอื่ มตอ่ ระหวา่ งการดาวนโ์ หลด ถา้ ได้รบั ขอ้ ผดิ พลาดนี้ ลองติดตงั้ Visual Studio อีกครง้ั หลังจากการเชอ่ื มต่ออนิ เทอรเ์ น็ต

หนา้ ที่ ๑๓ 0x80070005 - การเขา้ ถงึ ถกู ปฏเิ สธประสานงานกบั ผดู้ แู ลระบบของ คณุ หรอื ผเู้ ชีย่ วชาญ IT อืน่ เพือ่ ให้แน่ใจว่า แฟ้ม Visual Studio ไม่ได้ถกู ลอ็ กตามข้ันตอน เหลา่ นี้ ● คุณต้องเข้าสใู่ นฐานะผู้ดแู ล ● ดูการแกไ้ ขข้อผิดพลาดการต้งั คา่ โดยใชเ้ ครอ่ื งมือ SubInACL บนเวบ็ ไซต์ MSDN 0x800713ec - การตดิ ตงั้ .NET framework อยรู่ ะหวา่ งดาเนนิ การ รอโปรแกรมติดตั้ง.NET Framework ใหเ้ สรจ็ ส้นิ ก่อนทีค่ ุณ ติดตง้ั Visual Studio วธิ กี ารซอ้ื หรอื จดั หา Visual Studio ไม่มีการขาย สามารถเขา้ ดาวน์โหลดได้ฟรีท่ี https://visualstudio.microsoft.com

หนา้ ท่ี ๑๔ วธิ ีการตดิ ตง้ั ๑. ดาวโหลดนไ์ ด้ฟรี จากเว็บไซค์ https://visualstudio.microsoft.com ภาพท่ี ๑๒ www.visualstudio.microsoft.com ๒. ดาวนโ์ หลด Visual Studio Code

หน้าท่ี ๑๕ ภาพท่ี ๑๓ ดาวนโ์ หลด Visual Studio code ภาพที่ ๑๔ ดาวน์โหลด Visual studio code ๔. เปิดโปรแกรมที่ดาวน์โหลดขน้ึ มา ภาพที่ ๔ ไฟล์ Setup visual studio code ๕. จะปรากฏหน้าต่าง Setup – Visual Studio Code จากนน้ั ให้กด Next >

หนา้ ท่ี ๑๖ ภาพท่ี ๑๕ หนา้ Setup visual studio code จะเข้าสหู้ น้าต่างเง่ือนไขการใชง้ าน ใหต้ กิ๊ I accept the agreement กด Next > ภาพที่ ๑๖ Setup visual studio code - เงอื่ นไข ให้เลอื กตาแหนง่ ที่จะตดิ ตั้งโปรแกรม จากนนั้ กด Next >

หน้าท่ี ๑๗ ภาพท่ี ๑๗ Setup visual studio code - เลือกตาแหนง่ ติดต้ัง ในหนา้ นี้ โปรแกรมจะถามวา่ ตอ้ งการโปรแกมไว้ท่ี Start Menu ไหม หากไม่ตอ้ งการให้ตกิ Don’t create a Start Menu folder ภาพท่ี ๑๘ Setup visual studio code – Start menu

หน้าที่ ๑๘ ในหน้านีโ้ ปรแกรมจะถาม ต้องการฟังคช์ นั่ เสริมอะไรบา้ ง หาก ต้องการให้ตกิ ที่ฟังคช์ ่ันเสริม จากนั้น กด Next > ภาพท่ี ๑๙ Setup visual studio code – Select additional tasks โดยฟงั คช์ ่ันเสริมจะมีดงั น้ี 1. Create desktop icon สรา้ งไอคอนไวท้ ีเ่ ดสท็อป 2. Add “Open with code” action to Windows Explorer file context menu เพมิ่ คาสง่ั Open with code ลงใน Windows Explorer 3. Add “Open with code” action to Windows Explorer directory context menu เพิม่ คาสั่ง Open with code ลงใน Windows Explorer 4. Register Code as an editor for supported file types

หนา้ ที่ ๑๙ การแก้ไขไฟล์โดยเปิดโปรแกรม visual studio code ไดโ้ ดยตรง 5. Add to PATH (available after restart) เพ่มิ ไฟลไ์ ปท่ี PATH หลงั จากรีสตารท์ เมือ่ เสร็จแล้วจะเขา้ สหู้ นา้ ตดิ ตัง้ ให้กด Install ภาพท่ี ๒o Setup visual studio code - Setup

หนา้ ท่ี ๒๐ รอการตดิ ตั้งเสร็จ ภาพที่ ๒๑ Setup visual studio code – รอการตดิ ตั้ง ภาพท่ี ๒๒ Setup visual studio code – Finish setup

หน้าท่ี ๒๑ ประโยชน์ ● ใชใ้ นการพัฒนาซอฟแวร์ เว็บไซค์ เว็บแอพพลิเคช่นั ได้ ● ใช้ในการสรา้ งโปรแกรมประยุกต์ตามความต้องการ ● ใชใ้ นการสร้างเว็บไซค์ เวบ็ แอพพลเิ คช่ันตามต้อง ● มีภาษาและตัวเสรมิ มากมายในการเลือกใชง้ าน ขอ้ ดี ๑. เหมาะสาหรบั ผู้ความรู้พื้นฐานการเขียนโปรแกรมเบ้ืองต้น สามารถเรยี นรู้และเข้าใจไดง้ า่ ย ๒. มีภาษาโปรแกรมและตัวเสริมให้เลือกใช้มากมายตามความ ต้องการ ๓. มีการพฒั นาตัวโปรแกรมอย่างต่อเน่อื ง ข้อเสยี ๑. ไมเ่ หมาะสาหรับผู้ทีเ่ รม่ิ ต้นในการศึกษาเขยี นโปรแกรม คอมพวิ เตอร์ ๒. โปรแกรมกินทรัพยากร คอมพิวเตอร์คอ่ นขา้ งมาก วธิ ีการใช้งาน เปิดโปรแกรมขึ้นมาจะได้หน้าต่างแบบนี้

หนา้ ท่ี ๒๒ ภาพที่ ๒๓ Visual Studio Code โดยเครอื่ งมอื มดี งั ต่อไปนี้ ภาพท่ี ๒๔ Visual Studio Code – เครื่องมือ

หน้าที่ ๒๓ 1. หน้าตา่ งการเขยี นโปรแกรม 2. หน้าตา่ งแสดงขอ้ ผิดพลาดการเขียนโปรแกรม 3. หน้าต่างการแสดงผลไฟล์ทก่ี ับงาน 4. หนา้ ตา่ งแสดงผล debug 5. หน้าต่าง command prompt 6. เมนูเขียนโปรแกรม 7. เมนูคน้ หาไฟล์ 8. เมนู Source Control 9. เมนู debug 10. เมนูโหลดตวั เสรมิ ของโปรแกรม 11. Menu Bar ภาษาที่รองรับใน Visual Studio Code ไดแ้ ก่ Python , C , C++ , C# , GO , Java , Ruby , PHP , Rust , CSS , Dockerfile , HTML , JavaScript , JSON , Less , Markdown , Sass , T-SQL , TypeScript

หนา้ ท่ี ๒๔ ภาพที่ ๒๕ ภาษาท่ีรองรับใน Visual Studio code โดยแตล่ ะภาษามคี วามโครงสร้างและจุดประสงคท์ ีแ่ ตกต่างกนั ไป ตามการงานใช้งานของมัน การสรา้ งไฟลเ์ ขียนโปรแกรมขน้ึ มาใหม่ File > New File (Ctrl+N) ภาพท่ี ๒๖ Visual Studio Code – New file

หน้าที่ ๒๕ เม่อื เสรจ็ แล้วหากต้องการเขียนภาษาอะไรให้ กด File > Save As แลว้ เลอื กภาษาที่ต้องการ ภาพท่ี ๒๗ Visual Studio Code – Save As ภาพท่ี ๒๘ Visual Studio Code – Save As เมอ่ื เซฟแล้วจะมีนามสกุลไฟล์ขนึ้ มา ต่อทา้ ยช่ือไฟล์

หน้าที่ ๒๖ ภาพที่ ๒๙ Visual Studio การเปิดไฟลแ์ บบรวดเรว็ Visual Studio Code สามารถเลอื กไฟล์ที่ตอ้ งการเปิดไฟล์ได้ อย่างรวดเร็วโดยคล๊ิกไปที่ Menu explorer > Open Folder ภาพท่ี ๓o Visual Studio Code – Explorer เลือกโฟลเดอรท์ ี่ตอ้ งการ

หน้าที่ ๒๗ ภาพท่ี ๓๑ Visual Studio Code – Explorer เมอื่ เลือกแลว้ จะปรากฏ ชื่อโฟลเดอร์และไฟล์ในโฟลเดอร์ ภาพที่ ๓๒ Visual Studio Code – Explorer เมือ่ เราเซฟไฟล์ในโฟลเดอร์ท่ีเลือกจะปรากฏไฟล์ดังนี้

หนา้ ท่ี ๒๘ ภาพที่ ๓๓ Visual Studio Code – Explorer หากต้องการเปดิ ไฟล์ใหเ้ ลือกไฟล์ท่ีต้องการจะปรากฏไฟลทีเ่ รา เลอื ก ภาพท่ี ๓๔ Visual Studio Code – Explorer หากต้องการสร้างไฟล์ใหม่โดยให้อย่ใู นโฟลเดอรเ์ ดมิ คลิ๊กที่ new file

หนา้ ที่ ๒๙ ภาพที่ ๓๕ Visual Studio Code – New file เมือ่ คลก๊ิ แล้วโปรแกรมจะใหเ้ ราตั้งช่อื ไฟล์ ภาพท่ี ๓๖ Visual Studio Code – New file ภาพที่ ๓๗ Visual Studio Code – New file เสร็จแล้วจะไดไ้ ฟล์ใหมแ่ บบนี้

หน้าท่ี ๓๐ ภาพท่ี ๓๘ Visual Studio Code – New file เราสามารถสร้างโฟลเดอร์เก็บไฟลแ์ ยกไดโ้ ดยการคล๊กิ New folder ภาพที่ ๓๙ Visual Studio Code – New folder จากน้ันตัง้ ชือ่ โฟลเดอร์

หน้าที่ ๓๑ ภาพท่ี ๔o Visual Studio Code – New folder จากนั้นจะไดโ้ ฟลเดอรต์ ามท่ีตอ้ งการ เราสามารถเลือกไฟล์ใส่ ตามท่ีตอ้ งการได้ ภาพท่ี ๔๑ Visual Studio Code – New folder

หนา้ ที่ ๓๒ ภาพที่ ๔๒ Visual Studio Code – New folder Menu Search ใช้สาหรบั หาโค๊ดและเขียนโค๊ดทับลงไปใหม่ไดต้ ามท่ีเรา ต้องการในไฟล์ท่เี ราเปิดไว้ โดยวิธีการใหเ้ ราเปดิ ไฟลท์ ่ตี ้องการ จากนน้ั คลิ๊กท่ี Menu Search

หนา้ ท่ี ๓๓ ภาพท่ี ๔๓ Visual Studio Code – Search จากนั้นใหใ้ สค่ าทเี่ ราต้องการหาหรอื จะเขยี นทับลงไปใหม่ ภาพท่ี ๔๔ Visual Studio Code – Search เม่อื คน้ หาแล้วจะปรากฏ ช่อื ที่เราคน้ หาและตาแหน่งของมัน

หนา้ ที่ ๓๔ ภาพที่ ๔๕ Visual Studio Code – Search หากต้องการเขียนชอ่ื ทับลงไปใหม่ในคาทเ่ี ราคน้ หา ให้กรอก คาลงในชอ่ ง Replace จากนนั้ โปรแกรมจะโชวค์ าที่เราเปล่ียน ภาพที่ ๔๖ Visual Studio Code – Search

หน้าท่ี ๓๕ ให้กดท่ี Replace คาจะถกู เขียนลงทับไป ภาพท่ี ๔๗ Visual Studio Code – Search เมื่อกดไปหนึง่ ครัง้ โปรแกรมจะแสดงหน้าต่างเปรียบเทียบใหก้ บั เรา ภาพที่ ๔๘ Visual Studio Code - Search

หนา้ ที่ ๓๖ หากต้องการเขยี นโคด๊ ทับลงไปใหม่ทุกตวั สามารถกด Replace All ได้ ภาพท่ี ๔๙