Electron Desktop App Development · บทเรียน

การตั้งค่าสภาพแวดล้อมการพัฒนา

เรียนรู้การติดตั้ง Node.js, npm และเครื่องมือสำคัญอื่น ๆ ที่จำเป็นสำหรับการพัฒนา Electron เพื่อให้ระบบพร้อมสำหรับการสร้างแอป

บทเรียน 2 จาก 411 ขั้นตอน

การตั้งค่าสภาพแวดล้อมการพัฒนา เป็นบทเรียน Electron Desktop App Development ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Electron Desktop App Development และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Electron Desktop App Development มีบทเรียนทั้งหมด 4 บทเรียน

บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ

Welcome to Setup!

Building Electron apps starts with a solid setup. In this lesson you will install and verify the core tools your projects depend on.

Node.js: The Foundation

Node.js runs JavaScript outside the browser on Chrome's V8 engine. Electron leans on it for everything the main process does.

Installing Node.js

Install Node.js from the official site — pick the LTS version for stability and follow the wizard. npm comes bundled with it.

Verify Node.js Install

Confirm Node.js works by running a tiny JS file with the node command. The snippet below prints a quick ready message.

console.log("Node.js is ready!");

npm: Your Package Manager

npm ships with Node.js and manages your packages — installing, sharing, and updating the reusable code your Electron app depends on.

Verify npm Install

Since npm comes with Node.js, just verify it: run "npm -v" and you should see a version number, confirming it is ready.

Choose Your Code Editor

A good editor smooths everything. VS Code is the top pick for Electron — free, cross-platform, with great JS/HTML/CSS support and debugging.

Git for Version Control

Git tracks changes and is the industry standard. Not strictly required for Hello World, but most Electron templates live on GitHub.

The System PATH Variable

The system PATH tells your terminal where to find commands like node and npm. Installers add Node's location so it works from any directory.

Environment Setup Check!

Which of the following statements about Node.js and npm is TRUE?

Recap: Environment Ready!

Your environment is ready: Node.js to run JS, npm for packages, an editor like VS Code, plus Git and PATH. Time to build your first app!

เริ่มต้นได้ฟรี

เรียนรู้ JavaScript ด้วย AI tutor — ฟรี

เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป

คอร์ส
12
บทเรียน
47

คำถามที่พบบ่อย

บทเรียน “การตั้งค่าสภาพแวดล้อมการพัฒนา” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “การตั้งค่าสภาพแวดล้อมการพัฒนา” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Electron Desktop App Development ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Electron Desktop App Development มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “การตั้งค่าสภาพแวดล้อมการพัฒนา”

เรียนรู้การติดตั้ง Node.js, npm และเครื่องมือสำคัญอื่น ๆ ที่จำเป็นสำหรับการพัฒนา Electron เพื่อให้ระบบพร้อมสำหรับการสร้างแอป คุณปฏิบัติ Electron Desktop App Development ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Electron Desktop App Development หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Electron Desktop App Development บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน

บทเรียน “การตั้งค่าสภาพแวดล้อมการพัฒนา” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Electron Desktop App Development นี้ได้ไหม

ได้ บทเรียน Electron Desktop App Development ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. Electron คืออะไร
  2. การตั้งค่าสภาพแวดล้อมการพัฒนา
  3. แอปพลิเคชัน Electron แรกของคุณ
  4. ทำความเข้าใจสถาปัตยกรรมของ Electron
← กลับไปที่ Electron Desktop App Development