Environment Setup

Environment Setup

ในการเริ่มต้นใช้งาน AtlasX Web Application สิ่งที่ต้องเตรียมมีเพียง 2 อย่างคือ .NET และ Node.js

แน่นอนว่าจำเป็นต้องมีโปรแกรม Code Editor ด้วย ซึ่งแนะนำให้ใช้ Visual Studio Code เนื่องจากเป็นโปรแกรมที่ฟรีและพัฒนาโดย Microsoft

ติดตั้ง Visual Studio Code

  1. ดาวน์โหลดและติดตั้ง Visual Studio Code ที่นี่
  2. ติดตั้ง C# Extension จาก Visual Studio Code Marketplace

Terminal

โดยทั่วไปเราแนะนำให้ใช้ terminal ที่ติดมากับตัวเครื่อง ซึ่ง third-party terminals ก็สามารถนำมาใช้งานได้เช่นกัน

  • สำหรับ Windows สามารถใช้ Command Prompt และ PowerShell ได้
  • สำหรับ MacOS สามารถใช้แอพ Terminal ที่ติดมากับเครื่องได้เลย

ติดตั้ง .NET SDK

AtlasX Templates เกือบทั้งหมดถูกพัฒนาให้เป็น .NET Template ดังนั้น จึงจำเป็นที่จะต้องติดตั้ง .NET SDK เพื่อใช้งาน ในการติดตั้ง .NET SDK สามารถดาวน์โหลดได้ที่นี่

เราแนะนำให้ติดตั้งเวอร์ชัน LTS เพื่อให้มั่นใจได้ว่าทุกอย่างจะเข้ากันได้ดีที่สุด

ในการตรวจสอบว่าในเครื่องมี .NET SDK ติดตั้งไว้แล้วหรือยัง ให้ใช้คำสั่งดังนี้:

dotnet --list-sdks

หากในเครื่องมี .NET SDK ติดตั้งอยู่แล้ว จะมีข้อความแสดงดังนี้

# Windows

6.0.302 [C:\Program Files\dotnet\sdk]

# MacOS
6.0.302 [/usr/local/share/dotnet/sdk]

ติดตั้ง Node.js และ Angular CLI

โดยส่วนมากแล้วโตรงการ modern JavaScript จะพัฒนาอยู่บน Node.js สามารถดาวน์โหลดได้จากที่นี่ เราแนะนำให้ติดตั้งเวอร์ชัน LTS เพื่อให้มั่นใจได้ว่าทุกอย่างจะเข้ากันได้ดีที่สุด

Node จะมาพร้อมกับ npm, ซึ่งเป็น package manager สำหรับ JavaScript

หลังจากติดตั้งเสร็จ สามารถตรวจสอบเวอร์ชั่นของ Node.js และ npm ด้วยคำสั่งดังต่อไปนี้

node --version
npm --version
Note

note ข้อผิดพลาดเกี่ยวกับ permission เป็นเรื่องปกติใน macOS เมื่อทำการติดตั้ง global packages ด้วยคำสั่ง npm. หากมีข้อผิดพลาด EACCES ขึ้นมา, ดูที่ Resolving Permission Errors.

ติดตั้ง Angular CLI ด้วยคำสั่ง

npm install -g @angular/cli

หลังจากติดตั้งเสร็จ สามารถตรวจสอบเวอร์ชั่นของ Angular CLI ด้วยคำสั่งดังต่อไปนี้

ng --version