borntoDev Tutorial
  • 🔙 กลับสู่หน้าหลัก
  • 👋Hello World !!
  • 🏆Vision and Values
  • 🗺️Road Map & Learning Path
  • Open Access Tutorial
    • 🧑‍🔬 Computer Science
      • Computer Architecture
      • Computer Graphic
      • Computer Network
      • Algorithms
      • Data Structures
      • Problem Solving Skills
      • Discrete Mathematics
      • Object Oriented Programming
    • 👨‍💻 Software Development
      • 💻C#
      • 🐍Python
      • 👨‍💻TypeScript
        • 🐥 Get started with TypeScript
          • 1 - Introduction
          • 2 - Setting up & Tools
          • 3 - Hello World!
          • 4 - TypeScript Syntax
          • 5 - Variable & Data Types
          • 6 - All in One Data Type
          • 7 - Operators
          • 8 - Decision
          • 9 - Loops
          • 10 - Functions
          • 11 - Object Oriented
          • 12 - Modules
      • 🎮Unreal Engine
      • 🎰Unity Engine
    • ☁️ System & Cloud
      • Amazon Web Services
      • Microsoft Azure
        • Get started with Azure App Service
          • 1-รู้จักกับ Cloud concept และ Microsoft Azure
          • 2-รู้จักกับ Azure App Service
          • 3-วิธีการ Deploy web app ไปยัง App Service
          • 4-การทำ Authentication และ authorization ใน App Service
          • 5-App Service networking features
          • 6-Workshop มาลองสร้าง static HTML web app โดยใช้ Azure Cloud Shell
          • 7-รู้จักกับ Configure application settings
          • 8-รู้จักกับ Configure general settings
          • 9-รู้จักกับ Configure path mapping
          • 10-Enable diagnostic logging
          • 11-Configure security certificates
          • 12-Manage app features
          • 13-การทำ Autoscale factors
          • 14-Identify autoscale factors
          • 15-Enable autoscale ใน App Service
          • 16-Auto scale best practices
          • 17-Staging environments
          • 18-การ Swap deployment slots
          • 19-Route traffic in App Service
    • 📊Data Science & AI
    • 🎨UX / UI Design
    • 🏢IT Business
  • The Formal Stuff
    • Requesting Time Off
    • Filing Expenses
  • About Us
    • 🧑‍🤝‍🧑Meet the Team!
    • 💟Support Us
Powered by GitBook
On this page
  • 📄 Checklist เครื่องมือที่ต้องทำ ขั้นตอนที่ต้องติดตั้ง
  • 🔥 มาลงมือติดตั้งเพื่อลุย TypeScript ไปพร้อมกัน !
  • 🌟 อย่าเพิ่งรีบดีใจไป ว่าติดตั้งเสร็จแล้ว !
  • สร้างสรรค์เนื้อหาสุดเฟี้ยวฟ้าวโดย

Was this helpful?

  1. Open Access Tutorial
  2. 👨‍💻 Software Development
  3. TypeScript
  4. 🐥 Get started with TypeScript

2 - Setting up & Tools

ติดตั้งโปรแกรม เครื่องมือให้พร้อม แล้วลุยเขียน TypeScript ไปพร้อมกัน !

Previous1 - IntroductionNext3 - Hello World!

Last updated 3 years ago

Was this helpful?

มาถึงตรงนี้หากใครรู้จัก และ เข้าใจ TypeScript เรียบร้อยแล้ว เราก็มาอยู่ในขั้นตอนถัดไปคือการติดตั้งเครื่องมือ และ Environment ต่าง ๆ ให้พร้อมลุย พร้อมใช้งานไปพร้อมกัน !

📄 Checklist เครื่องมือที่ต้องทำ ขั้นตอนที่ต้องติดตั้ง

🔥 มาลงมือติดตั้งเพื่อลุย TypeScript ไปพร้อมกัน !

เนื่องด้วยบทความนี้อย่างที่บอกไปว่าเหมาะสำหรับผู้ที่เคยเขียนโปรแกรมมาก่อนอย่างน้อย 1 ภาษา (ใครเริ่ม JavaScript มาก่อนก็ถือว่าดีมาก ๆ) ดังนั้นเราจะไม่สอนติดตั้งโปรแกรมทั่ว ๆ ไปที่น่าจะมีติดเครื่องอยู่แล้วอย่าง Visual Studio Code หรือ Node.js แต่ถ้าใครยังไม่มีก็สามารถคลิกดาวน์โหลดจากด้านบนได้เลยจ้า

งั้นไม่รอช้า เรามาเริ่มติดตั้งกัน !! โดยเราจะใช้ Node.js Package Manager (npm) ในการติดตั้ง โดยใช้คำสั่งด้านล่างตามนี้ได้เลย

npm install -g typescript

หรือ กรณีใครที่ติดเรื่อง Permission ก็สามารถใส่คำสั่ง sudo ไว้ด้านหน้า npm install ได้ตามนี้

sudo npm install -g typescript

และ หากไม่มีอะไรผิดพลาดจะมีข้อความขึ้นมาในลักษณะด้านล่างนี้ ซึ่งในตัวอย่างนี้แอดเปรมได้ใช้ Terminal ใน Visual Studio Code ในการติดตั้ง TypeScript Compiler นั่นเอง

อ่านมาถึงตรงนี้หลายคนอาจสงสัยว่า VS Code เขาก็รองรับ TypeScript อยู่แล้วนี่น่า ? แล้วจะติดตั้งเพิ่มอีกทำไม ก็ต้องตอบว่า จริงอยู่ที่โปรแกรมดังกล่าวจะรองรับการเขียนภาษานี้ แต่มันไม่มี Compiler ติดมาให้นั่นเอง นี่แหละ สาเหตุที่ทำให้เราต้องติดตั้งเพิ่มจ้า ❤️

🌟 อย่าเพิ่งรีบดีใจไป ว่าติดตั้งเสร็จแล้ว !

ซึ่ง !! ใครที่อ่านมาถึงตรงนี้แล้ว แอดเปรมขอแนะนำให้กด Next ไป Lecture ถัดไปด่วน ๆ เพื่อทำการดูว่า เฮ้ย ! เจ้า TypeScript ที่เราติดตั้งนี้ มันใช้งานได้เรียบร้อยจริง ๆ แล้วหรือยัง .. กับการทำงานในคำสั่ง Hello World ไปพร้อมกันเลย :)

สร้างสรรค์เนื้อหาสุดเฟี้ยวฟ้าวโดย

🐲 Kittikorn Prasertsak (แอดเปรม) - CEO @ borntoDev Co., Ltd.

| | |

Facebook
YouTube
Instagram
TikTok
👨‍💻
ดาวน์โหลด
ดาวน์โหลด
เมื่อติดตั้งเรียบร้อยแล้วจะมีหน้าจอแสดงผลขึ้นมาดังนี้
Page cover image