การเขียนโปรแกรม Dart - สิ่งแวดล้อม

บทนี้กล่าวถึงการตั้งค่าสภาพแวดล้อมการดำเนินการสำหรับ Dart บนแพลตฟอร์ม Windows

เรียกใช้สคริปต์ออนไลน์ด้วย DartPad

คุณสามารถทดสอบสคริปต์ของคุณทางออนไลน์ได้โดยใช้โปรแกรมแก้ไขออนไลน์ที่ https://dartpad.dartlang.org/. Dart Editor เรียกใช้สคริปต์และแสดงทั้ง HTML และคอนโซลเอาต์พุต ตัวแก้ไขออนไลน์มาพร้อมกับชุดตัวอย่างรหัสที่ตั้งไว้ล่วงหน้า

ภาพหน้าจอของไฟล์ Dartpad บรรณาธิการได้รับด้านล่าง -

Dartpad ยังช่วยให้สามารถเขียนโค้ดได้อย่างเข้มงวดมากขึ้น ซึ่งสามารถทำได้โดยการตรวจสอบตัวเลือกโหมดแข็งแกร่งที่ด้านล่างขวาของตัวแก้ไข โหมดแรงช่วยด้วย -

• การตรวจสอบแบบคงที่และไดนามิกที่แข็งแกร่งขึ้น
• Idiomatic JavaScript code generation เพื่อการทำงานร่วมกันที่ดีขึ้น

คุณสามารถลองใช้ตัวอย่างต่อไปนี้โดยใช้ Dartpad

void main() { 
   print('hello world'); 
}

รหัสจะแสดงผลลัพธ์ต่อไปนี้

hello world

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

ในส่วนนี้ให้เราดูวิธีการตั้งค่าสภาพแวดล้อมท้องถิ่น

การใช้โปรแกรมแก้ไขข้อความ

ตัวอย่างของตัวแก้ไขบางตัว ได้แก่ Windows Notepad, Notepad ++, Emacs, vim หรือ vi เป็นต้นตัวแก้ไขอาจแตกต่างกันไปในแต่ละระบบปฏิบัติการ โดยทั่วไปไฟล์ต้นฉบับจะถูกตั้งชื่อด้วยนามสกุล ".dart"

การติดตั้ง Dart SDK

Dart เวอร์ชันเสถียรในปัจจุบันคือ 1.21.0. dart sdk สามารถดาวน์โหลดได้จาก -

• https://www.dartlang.org/install/archive

• http://www.gekorm.com/dart-windows/

ภาพหน้าจอของการติดตั้ง Dart SDK มีให้ด้านล่าง -

เมื่อการติดตั้ง SDK เสร็จสมบูรณ์ให้ตั้งค่าตัวแปรสภาพแวดล้อม PATH เป็น -

<dart-sdk-path>\bin

ตรวจสอบการติดตั้ง

ในการตรวจสอบว่าติดตั้ง Dart สำเร็จหรือไม่ให้เปิดพรอมต์คำสั่งและป้อนคำสั่งต่อไปนี้ -

Dart

หากการติดตั้งสำเร็จมันจะแสดงรันไทม์ของโผ

การสนับสนุน IDE

IDE มากมายเหลือเฟือรองรับการเขียนสคริปต์ใน Dart ตัวอย่าง ได้แก่Eclipse, IntelliJและ WebStorm จากสมองเจ็ท

ด้านล่างนี้เป็นขั้นตอนในการกำหนดค่าสภาพแวดล้อม Dart โดยใช้ WebStrom IDE.

การติดตั้ง WebStorm

ไฟล์การติดตั้งสำหรับ WebStorm สามารถดาวน์โหลดได้จาก https://www.jetbrains.com/webstorm/download/#section=windows-version.

ไฟล์การติดตั้ง WebStorm พร้อมใช้งานสำหรับ Mac OS, Windows และ Linux

หลังจากดาวน์โหลดไฟล์การติดตั้งแล้วให้ทำตามขั้นตอนด้านล่าง -

• ติดตั้ง Dart SDK: ดูขั้นตอนที่ระบุไว้ด้านบน

• สร้างโครงการ Dart ใหม่และกำหนดค่าการสนับสนุน Dart

• ในการสร้างโครงการ Dart ใหม่

  • คลิก Create New Project จากหน้าจอต้อนรับ

  • ในกล่องโต้ตอบถัดไปให้คลิก Dart

• หากไม่มีการระบุค่าสำหรับไฟล์ Dart SDKเส้นทางจากนั้นระบุเส้นทาง SDK ตัวอย่างเช่นเส้นทาง SDK อาจเป็น<dart installation directory>/dart/dartsdk.

เพิ่มไฟล์ Dart ในโครงการ

ในการเพิ่มไฟล์ Dart ในโครงการ -

• คลิกขวาที่โครงการ
• ใหม่→ไฟล์โผ
• ป้อนชื่อของสคริปต์โผ

ภาพหน้าจอของ WebStorm Editor มีให้ด้านล่าง -

เครื่องมือ dart2js

dart2jsเครื่องมือรวบรวมรหัส Dart เป็น JavaScript การคอมไพล์โค้ด Dart เป็น JS ทำให้สามารถรันสคริปต์ Dart บนเบราว์เซอร์ที่ไม่รองรับ Dart VM

เครื่องมือ dart2js ถูกจัดส่งเป็นส่วนหนึ่งของ Dart SDK และสามารถพบได้ในไฟล์ /dartsdk/bin folder.

ในการคอมไพล์ Dart เป็น JavaScript ให้พิมพ์คำสั่งต่อไปนี้ในเทอร์มินัล

dart2js - - out = <output_file>.js  <dart_script>.dart

คำสั่งนี้สร้างไฟล์ที่มี JavaScript เทียบเท่ากับรหัส Dart ของคุณ สามารถดูบทแนะนำที่สมบูรณ์เกี่ยวกับการใช้ยูทิลิตี้นี้ได้ที่เว็บไซต์ทางการของ Dart