ES6 ซึ่งบางครั้งเรียกว่า ECMAScript 2015 เป็นโค้ดที่คุณจะพบได้ในบางเบราว์เซอร์ แต่คุณต้องเรียกใช้สภาพแวดล้อม Node.js เพื่อให้สามารถเรียกใช้และเขียนโค้ด ES6 ได้ บทความวิกิฮาวนี้จะแนะนำวิธีการเริ่มเขียนโค้ด ES6
ขั้นตอน
ขั้นตอนที่ 1. ดาวน์โหลดและติดตั้ง Node.js ที่
Node.js เป็นสภาพแวดล้อมฝั่งเซิร์ฟเวอร์ที่คุณต้องใช้โค้ด Node.js ใช้งานได้กับทั้ง Windows และ macOS
- ข้ามขั้นตอนนี้หากคุณติดตั้ง Node.js บนคอมพิวเตอร์ของคุณแล้ว
- คลิก LTS, ปุ่มสีเขียวแรกทางด้านซ้าย การดำเนินการนี้จะติดตั้ง Node.js เวอร์ชันเสถียรลงในคอมพิวเตอร์ของคุณ หากคุณใช้คอมพิวเตอร์ Windows ส่วนใหญ่คุณจะต้องเรียกใช้ไฟล์ที่ดาวน์โหลดมาและดำเนินการตามวิซาร์ดการติดตั้งต่อไป หากคุณใช้ macOS คุณมักจะต้องเรียกใช้ไฟล์ที่ติดตั้งไว้ จากนั้นลากและวางไอคอนแอปพลิเคชันไปที่โฟลเดอร์แอปพลิเคชันของคุณ
ขั้นตอนที่ 2 ดาวน์โหลดและติดตั้ง Visual Studio Code ที่
VSC เป็นโปรแกรมที่ทำงานบนทั้ง Windows และ Mac ที่ให้คุณสร้างโค้ด ES6 ได้
คลิก ดาวน์โหลด ที่มุมบนขวาของหน้าหากปัจจุบัน ดาวน์โหลดสำหรับ (ระบบปฏิบัติการของคุณ) ไม่ถูกต้อง ผู้ใช้ Windows อาจต้องเรียกใช้ไฟล์ที่ดาวน์โหลดและดำเนินการต่อโดยใช้วิซาร์ดการติดตั้ง หากคุณใช้ macOS คุณมักจะต้องเรียกใช้ไฟล์ที่ติดตั้งไว้ จากนั้นลากและวางไอคอนแอปพลิเคชันไปที่โฟลเดอร์แอปพลิเคชันของคุณ
ขั้นตอนที่ 3 สร้างโฟลเดอร์ว่างบนไดรฟ์หรือเดสก์ท็อปของคุณ
ในการดำเนินการนี้ เพียงเปิด File Explorer หรือ Finder ไปที่ตำแหน่ง (เช่น ไดรฟ์ C) ที่คุณต้องการสร้างโฟลเดอร์ ตั้งชื่อง่ายๆ ว่าคุณจะจำได้ (เช่น "JS" หรือ "Nodefolder")
ขั้นตอนที่ 4 เปิดรหัส Visual Studio
คุณจะพบสิ่งนี้ในเมนู Start หรือโฟลเดอร์ Applications ใน Finder
ขั้นตอนที่ 5. เปิดโฟลเดอร์ว่างใน VSC
ไปที่ ไฟล์ > เปิดโฟลเดอร์ใหม่ เพื่อเปิดไฟล์เบราว์เซอร์และเลือกโฟลเดอร์ว่างของคุณ
คุณจะเห็นชื่อโฟลเดอร์ของคุณในแผงทางด้านซ้ายของแอปพลิเคชัน
ขั้นตอนที่ 6 สร้างไฟล์ในโฟลเดอร์ของคุณ
คลิกหน้าและไอคอนเครื่องหมายบวก (+) ถัดจากชื่อโฟลเดอร์
ตั้งชื่อง่ายๆ เช่น "helloworld.js"
ขั้นตอนที่ 7 ป้อนรหัสต่อไปนี้ในบานหน้าต่างข้อความทางด้านขวา
-
console.log('สวัสดีชาวโลก');
ขั้นตอนที่ 8 ทดสอบว่ารหัสใช้งานได้
เนื่องจากคุณติดตั้ง Node.js ไว้ คุณจะเห็นหน้าต่าง "Terminal" ใกล้กับด้านล่างสุดของโปรแกรม
-
พิมพ์
โหนด helloworld.js
- และคุณควรได้รับคำตอบของ "สวัสดีชาวโลก" ในบรรทัดถัดไป
- คุณควรจะสามารถสร้างโค้ด ES6 ที่คุณต้องการได้ที่นี่ สำหรับตัวอย่างโค้ด สามารถดูได้ที่ https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ และ https://code visualstudio.com/docs/languages/javascript.