Angular 2 - สิ่งแวดล้อม

ในการเริ่มทำงานกับ Angular 2 คุณต้องติดตั้งส่วนประกอบสำคัญต่อไปนี้

  • Npm- สิ่งนี้เรียกว่าตัวจัดการแพ็กเกจโหนดที่ใช้เพื่อทำงานกับที่เก็บโอเพนซอร์ส Angular JS เป็นเฟรมเวิร์กมีการพึ่งพาส่วนประกอบอื่น ๆ และnpm สามารถใช้เพื่อดาวน์โหลดการอ้างอิงเหล่านี้และแนบเข้ากับโครงการของคุณ

  • Git - นี่คือซอฟต์แวร์ซอร์สโค้ดที่สามารถใช้เพื่อรับแอปพลิเคชันตัวอย่างจากไฟล์ github เว็บไซต์เชิงมุม

  • Editor- มีตัวแก้ไขมากมายที่สามารถใช้สำหรับการพัฒนา Angular JS เช่นโค้ด Visual Studio และ WebStorm ในบทช่วยสอนของเราเราจะใช้โค้ด Visual Studio ซึ่งไม่มีค่าใช้จ่ายจาก Microsoft

การติดตั้ง npm

ตอนนี้มาดูขั้นตอนในการติดตั้ง npm เว็บไซต์อย่างเป็นทางการสำหรับ npm คือhttps://www.npmjs.com/

Step 1 - ไปที่ส่วน "เริ่มต้นใช้งาน npm" ในเว็บไซต์

Step 2- ในหน้าจอถัดไปให้เลือกตัวติดตั้งที่จะดาวน์โหลดขึ้นอยู่กับระบบปฏิบัติการ สำหรับจุดประสงค์ของแบบฝึกหัดนี้ให้ดาวน์โหลดเวอร์ชัน Windows 64 บิต

Step 3- เปิดตัวติดตั้ง ในหน้าจอเริ่มต้นคลิกปุ่มถัดไป

Step 4 - ในหน้าจอถัดไปยอมรับข้อตกลงใบอนุญาตแล้วคลิกปุ่มถัดไป

Step 5 - ในหน้าจอถัดไปให้เลือกโฟลเดอร์ปลายทางสำหรับการติดตั้งแล้วคลิกปุ่มถัดไป

Step 6- เลือกส่วนประกอบในหน้าจอถัดไปและคลิกปุ่มถัดไป คุณสามารถยอมรับส่วนประกอบทั้งหมดสำหรับการติดตั้งเริ่มต้น

Step 7 - ในหน้าจอถัดไปให้คลิกปุ่มติดตั้ง

Step 8 - เมื่อการติดตั้งเสร็จสิ้นให้คลิกปุ่ม Finish

Step 9- เพื่อยืนยันการติดตั้งในพรอมต์คำสั่งคุณสามารถออกคำสั่งเวอร์ชัน npm คุณจะได้รับหมายเลขเวอร์ชันของ npm ดังที่แสดงในภาพหน้าจอต่อไปนี้

การติดตั้ง Visual Studio Code

ต่อไปนี้เป็นคุณสมบัติของ Visual Studio Code -

  • โปรแกรมแก้ไขแสงเมื่อเปรียบเทียบกับ Visual Studio เวอร์ชันจริง

  • สามารถใช้สำหรับการเข้ารหัสภาษาเช่น Clojure, Java, Objective-C และภาษาอื่น ๆ อีกมากมาย

  • ส่วนขยาย Git ในตัว

  • คุณลักษณะ IntelliSense ในตัว

  • ส่วนขยายอื่น ๆ อีกมากมายสำหรับการพัฒนา

เว็บไซต์อย่างเป็นทางการสำหรับรหัส Visual Studio คือ https://code.visualstudio.com/

Step 1- หลังจากดาวน์โหลดเสร็จแล้วโปรดทำตามขั้นตอนการติดตั้ง ในหน้าจอเริ่มต้นคลิกปุ่มถัดไป

Step 2 - ในหน้าจอถัดไปยอมรับข้อตกลงสิทธิ์การใช้งานและคลิกปุ่มถัดไป

Step 3 - ในหน้าจอถัดไปให้เลือกตำแหน่งปลายทางสำหรับการติดตั้งและคลิกปุ่มถัดไป

Step 4 - เลือกชื่อของทางลัดโปรแกรมแล้วคลิกปุ่มถัดไป

Step 5 - ยอมรับการตั้งค่าเริ่มต้นแล้วคลิกปุ่มถัดไป

Step 6 - คลิกปุ่มติดตั้งในหน้าจอถัดไป

Step 7 - ในหน้าจอสุดท้ายให้คลิกปุ่ม Finish เพื่อเปิด Visual Studio Code

การติดตั้ง Git

คุณสมบัติหลักบางประการของ Git ได้แก่ -

  • การแยกและการรวมโค้ดได้ง่าย
  • ข้อกำหนดในการใช้เทคนิคมากมายสำหรับการไหลของโค้ดภายใน Git
  • Git นั้นเร็วมากเมื่อเทียบกับเครื่องมือ SCM อื่น ๆ
  • ให้การประกันข้อมูลที่ดีขึ้น
  • ฟรีและโอเพ่นซอร์ส

เว็บไซต์อย่างเป็นทางการสำหรับ Git คือ https://git-scm.com/

Step 1- หลังจากดาวน์โหลดเสร็จแล้วโปรดทำตามขั้นตอนการติดตั้ง ในหน้าจอเริ่มต้นคลิกปุ่มถัดไป

Step 2- เลือกส่วนประกอบที่ต้องติดตั้ง คุณสามารถยอมรับส่วนประกอบเริ่มต้น

Step 3 - ในขั้นตอนต่อไปให้เลือกชื่อทางลัดของโปรแกรมแล้วคลิกปุ่มถัดไป

Step 4 - ยอมรับ SSH ที่เป็นค่าเริ่มต้นและคลิกปุ่มถัดไป

Step 5 - ยอมรับการตั้งค่าเริ่มต้นของ "Checkout Windows style, ยอมรับการลงท้ายสไตล์ Unix" แล้วคลิกปุ่ม Next

Step 6 - ตอนนี้ยอมรับการตั้งค่าเริ่มต้นของโปรแกรมจำลองเทอร์มินัลแล้วคลิกปุ่มถัดไป

Step 7 - ยอมรับการตั้งค่าเริ่มต้นแล้วคลิกปุ่มถัดไป

Step 8 - คุณสามารถข้ามตัวเลือกการทดลองและคลิกปุ่มติดตั้ง

Step 9 - ในหน้าจอสุดท้ายให้คลิกปุ่ม Finish เพื่อทำการติดตั้งให้เสร็จสิ้น