Kodokon kodokon.com

ติดตั้งและตั้งค่าเอดิเตอร์เขียนโค้ด

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

6 นาที · 3 คำถาม

เปิดบทเรียนนี้ใน Kodokon

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

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

ควรเลือกตัวไหนดี? สำหรับการเริ่มต้น ให้เลือก Visual Studio Code ที่มักเรียกย่อ ๆ ว่า VS Code มันฟรี ใช้ได้บน Windows, macOS และ Linux และเป็นตัวที่คนใช้มากที่สุดอย่างทิ้งห่าง: บทเรียนทุกอันที่คุณอ่านจะสมมติว่าคุณใช้มัน ดาวน์โหลดมันจากเว็บไซต์ทางการ code.visualstudio.com เท่านั้น มีอีกสองทางเลือกถ้าคุณอยากลอง: Zed และ Sublime Text ซึ่งเบากว่าทั้งคู่ อย่าใช้เวลาสามวันไปกับการเปรียบเทียบมัน: เอดิเตอร์เป็นแค่เครื่องมือ และคุณเปลี่ยนมันทีหลังได้เสมอ

การติดตั้งไม่มีอะไรน่าประหลาดใจ: ดาวน์โหลดไฟล์ รันมัน แล้วรับตัวเลือกค่าเริ่มต้นไป บน Windows จะมีช่องติ๊กที่เสนอให้เพิ่มรายการ "Open with Code" ลงในเมนูคลิกขวา: ติ๊กมันไว้ มันสะดวกจริง ๆ ตอนเปิดใช้ครั้งแรก เอดิเตอร์จะให้คุณเลือกธีมสว่างหรือธีมมืด เลือกอันที่สบายตาคุณกว่า มันไม่มีผลอย่างอื่นเลย

นี่คือนิสัยที่สำคัญที่สุดในบทเรียนนี้: เปิดโฟลเดอร์เสมอ อย่าเปิดไฟล์เดี่ยว ๆ ใช้ File แล้วเลือก Open Folder จากนั้นชี้ไปที่โฟลเดอร์โปรเจกต์ของคุณ เอดิเตอร์จะแสดงโครงสร้างไฟล์ทั้งหมดในแผงด้านข้าง ค้นหาข้ามทุกไฟล์ของคุณได้ และเข้าใจว่าไฟล์เหล่านั้นเชื่อมโยงกันอย่างไร ส่วนการเปิดไฟล์โดด ๆ ก็เหมือนอ่านหน้ากระดาษที่ฉีกออกมาจากหนังสือ

JSON
{
  "files.encoding": "utf8",
  "files.eol": "\n",
  "files.autoSave": "afterDelay",
  "editor.tabSize": 2,
  "editor.renderWhitespace": "boundary"
}
การตั้งค่า VS Code ที่แนะนำ: UTF-8, การจบบรรทัดแบบ LF และการเยื้อง 2 ช่องว่าง

ทดสอบความรู้

ตรวจสอบว่าคุณจำประเด็นสำคัญของบทเรียนนี้ได้ครบถ้วน

  1. ทำไมการเน้นสีตามไวยากรณ์จึงช่วยผู้เริ่มต้น?
    • มันทำให้ข้อผิดพลาดมองเห็นได้ เช่น ข้อความที่ถูกทิ้งไว้โดยไม่ปิด
    • มันทำให้โปรแกรมทำงานเร็วขึ้น
    • มันบันทึกไฟล์โดยอัตโนมัติ
    • มันแปลโค้ดเป็นภาษาไทย
  2. คุณควรเปิดอะไรในเอดิเตอร์เพื่อทำงานกับโปรเจกต์?
    • โฟลเดอร์โปรเจกต์ทั้งโฟลเดอร์
    • ไฟล์เดียวทีละไฟล์
    • ทั้งดิสก์
  3. ควรมีท่าทีอย่างไรกับส่วนขยายในช่วงเริ่มต้น?
    • ไม่ติดตั้งเลยสักตัว แล้วค่อยเพิ่มเมื่อจำเป็น
    • ติดตั้งยี่สิบตัวที่นิยมที่สุดทันที
    • ติดตั้งทั้งหมดเพื่อจะได้ไม่พลาดอะไร