home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> ระบบ >> Windows

วิธีตั้งค่าสภาพแวดล้อมพัฒนา Node.js บนคอมพิวเตอร์ Windows

หากคุณตัดสินใจเรียนหัวข้อ Tech ที่热门ที่สุด 'Node.js' และคุณเป็นผู้ใช้ Windows คุณมาถูกที่แล้ว หากเพิ่งเริ่ม อาจเห็นหลายคนใช้ Mac หรือ Linux สำหรับ Node.js Development อาจารย์อาจทำเช่นนั้น แต่คุณอาจอยากทำงานบน Windows เอง หลายคนสลับ Platform ตอน Development — แต่ทำไมต้องสลับเมื่อ Windows รองรับ Development ทุกประเภทได้ครบครัน บทความนี้เกี่ยวกับการตั้งค่าสภาพแวดล้อมพัฒนา Node.js ที่ดีบน Windows Machine

ตั้งค่าสภาพแวดล้อมพัฒนา Node.js บน Windows

เป้าหมายคือตั้งค่าเครื่องให้พร้อมพัฒนาเพื่อเริ่มเขียนโค้ดทันที จะติดตั้งสิ่งเหล่านี้:

  • Node.js เอง
  • Git
  • Code Editor สมัยใหม่
  • MongoDB (Optional)

เริ่มเลยครับ

Node.js

Node.js คือ Cross-platform Open-source JavaScript Runtime Environment สร้างบน Google Chrome's V8 JavaScript Engine Node.js ให้เขียน Application ด้วย JavaScript และรันบน Backend Server เมื่อพูด 'Cross-platform' จริงๆ ติดตั้ง Node.js บน Windows ได้ และ Deploy Applications ได้ ดาวน์โหลด Node.js จากเว็บไซต์ทางการ เนื่องจากเพิ่งเริ่มเรียน แนะนำดาวน์โหลดเวอร์ชัน LTS (Long Term Support) เวอร์ชัน LTS ล่าสุดขณะเขียนคือ 6.11.0

หลังดาวน์โหลด รัน Installer กด 'Next' ทุกขั้นตอน ไม่ต้องเปลี่ยนอะไร Node.js Setup มาพร้อม Node Package Manager (NPM) สำหรับดาวน์โหลดและติดตั้ง Third-party Modules จะใช้ NPM บ่อย อย่าปรับ Setting นี้ขณะติดตั้ง Setup จะแก้ไข PATH Variables อัตโนมัติ เพื่อรัน npm commands จาก CMD หากต้องการปรับ Settings ใดๆ เลือก Custom Setup มิฉะนั้นแนะนำ Express Installation

วิธีตั้งค่าสภาพแวดล้อมพัฒนา Node.js บนคอมพิวเตอร์ Windows

ติดตั้งเสร็จ ค้นหา 'Node.js Command Prompt' ใน Start Menu กด Enter รัน Console หน้าต่าง CMD นี้คือทุกอย่างสำหรับ Career Node.js ของคุณ ถูก Initialize สำหรับ Node.js และ NPM รันคำสั่งจากหน้าต่างนี้ได้ ตรวจสอบรัน 'npm –v' ดูเวอร์ชัน NPM ที่ติดตั้ง หากตาม Tutorial Node.js ที่อื่น รันคำสั่งทั้งหมดจากหน้าต่างนี้ได้

Git

Git คือ Version Control System ที่ใช้กันกว้างที่สุดในอุตสาหกรรม จะเรียนรู้ Version Control Systems เร็วๆ นี้หากยังไม่รู้ ดาวน์โหลด Git for Windows ที่นี่ Git ช่วยจัดการ Code สำหรับ Projects ใหญ่มาก Git เรียนรู้ง่าย เริ่มต้นง่าย มี Short Challenge-based Guide ออนไลน์สำหรับเริ่มต้น Git

หลังรัน Installer อาจเจอขั้นตอนบางอย่างที่ไม่แน่ใจ ขั้นตอนหนึ่งสำคัญ: 'Adjusting your PATH Variable' ต้องเลือกว่าจะใช้ Git บน Computer ยังไง

ผมเลือก Option ที่ 2 เสมอ 'Use Git from Command Prompt' การเลือกนี้ทำให้ Git Commands พร้อมใช้ใน Node.js Command Prompt และ Git Bash Git Bash เป็น Command Line Tool อีกตัวมาพร้อม Git ใช้สำหรับ Development หรือต่อจาก Command Prompt ได้ ไม่ต้องกังวลขั้นตอนอื่นๆ กด 'Next' ตลอด การอธิบายขั้นตอนอื่นๆ นอกขอบเขตบทความ ค้นหา Git Installation ออนไลน์ได้

วิธีตั้งค่าสภาพแวดล้อมพัฒนา Node.js บนคอมพิวเตอร์ Windows

ติดตั้งเสร็จ เปิด Command Prompt พิมพ์ 'git –version' ยืนยันว่า Git ติดตั้งแล้ว

Code Editor

เลือก Code Editor อาจท้าทายเมื่อมีตัวเลือกเยอะมาก เลือกระหว่าง Full-fledged IDE เช่น WebStorm หรือ Code Editor เช่น Brackets นี่คือคำแนะนำ:

  • WebStorm: JavaScript IDE อันทรงพลังที่สุด ใช้โดยมืออาชีพ เป็นเครื่องมือเสียเงิน แนะนำเริ่มกับฟรีก่อน แล้วค่อยลงทุนเมื่อก้าวหน้าใน Career
  • Visual Studio Code: หากคุ้นเคย Visual Studio แล้ว ใช้ได้เลย VS Code เป็น Free Open-source Code Editor จาก Microsoft มี Built-in Debugger และ Syntax Highlighting หลายภาษา ไม่ใช่แค่ Node.js เขียนภาษาอื่นได้เยอะ
  • Brackets: Powerful Open-source Code Editor ทุก Platform รองรับ Syntax Highlighting ภาษาเยอะ มี Extension Manager เพิ่ม Features/Functionality ผมใช้ตัวนี้ ชอบ Auto Web Page Refresh, Extensions, Keyboard Shortcuts เพิ่ม Option ใน Right-click Menu เปิด Project Folders ใน Brackets ได้ทันที

วิธีตั้งค่าสภาพแวดล้อมพัฒนา Node.js บนคอมพิวเตอร์ Windows

นี่แค่คำแนะนำ เลือก IDE หรือ Editor ใดก็ได้ แม้เขียนโค้ดใน Notepad ธรรมดาก็ได้ถ้าหิม्मัทพอ

MongoDB

ขั้นตอน Optional MongoDB คือ Cross-platform Document-based Database Program ใช้แทน SQL ใน Node.js CRUD Applications แบบดั้งเดิม ใช้ SQL ก็ได้ แต่ MongoDB ยอมรับกันกว้างกับ Node.js จึงรวมไว้ ดาวน์โหลด MongoDB Community Server ที่นี่ อาจติดตั้ง MongoDB Compass GUI Tool สำหรับ Browse Database ติดตั้งเสร็จ ไปที่ MongoDB Installation Directory ไปที่ Bin Folder Address อาจเป็นแบบนี้:

C:\Program Files\MongoDB\Server\3.4\bin

รัน 'mongod.exe' เริ่ม MongoDB Server รัน 'mongo.exe' โต้ตอบกับ Server ผ่าน Command Line หรือใช้ Compass หากชอบ GUI เพิ่ม Directory นี้ใน PATH Variable เพื่อรัน mongod และ mongo จาก Command Line ได้โดยตรง เรียนรู้การเปลี่ยน System Environment Variables Path ที่นี่

เสร็จแล้ว! พร้อมเขียน Node.js Application แรก คุณมี Tools และ Environment ที่เหมาะสมสำหรับ Development แล้ว