สารบัญ:
วีดีโอ: ฉันจะเริ่มต้นด้วยวัสดุเชิงมุมได้อย่างไร
2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54
เริ่มต้นใช้งานวัสดุเชิงมุม
- ขั้นตอนที่ 1: ติดตั้ง เชิงมุม คลี.
- ขั้นตอนที่ 2: สร้างพื้นที่ทำงานและแอปพลิเคชันเริ่มต้น
- ขั้นตอนที่ 3: ติดตั้ง วัสดุเชิงมุม .
- ขั้นตอนที่ 4: นำเข้า วัสดุเชิงมุม โมดูลส่วนประกอบ
- ขั้นตอนที่ 5: วัสดุเชิงมุม ส่วนประกอบสตาร์ทเตอร์
- ขั้นตอนที่ 6: ให้บริการแอปพลิเคชัน
ในลักษณะนี้วัสดุเชิงมุมคืออะไร?
วัสดุเชิงมุม เป็นไลบรารีองค์ประกอบ UI สำหรับ เชิงมุม นักพัฒนา JS วัสดุเชิงมุม ส่วนประกอบช่วยในการสร้างหน้าเว็บและแอปพลิเคชันเว็บที่น่าดึงดูด สม่ำเสมอ และใช้งานได้ โดยปฏิบัติตามหลักการออกแบบเว็บสมัยใหม่ เช่น ความสามารถในการพกพาของเบราว์เซอร์ ความเป็นอิสระของอุปกรณ์ และความเสื่อมโทรมอย่างสง่างาม
ฉันจะเริ่มโครงการในเชิงมุม 7 ได้อย่างไร ทำตามขั้นตอนเพื่อตั้งค่าสภาพแวดล้อมของ Angular 7:
- ขั้นตอนที่ 1: ติดตั้ง Visual Studio Code IDE (หรือ JetBrains WebStorm) Visual Studio Code นั้นเบาและติดตั้งง่าย โดยมีคุณสมบัติ IntelliSense ในตัวมากมาย
- ขั้นตอนที่ 2: ติดตั้ง Node.js โหนด
- ขั้นตอนที่ 3: ใช้ npm เพื่อติดตั้ง angular cli
ในทำนองเดียวกันอาจมีคนถามว่า ฉันจะเพิ่มวัสดุเชิงมุมในโครงการได้อย่างไร
ขั้นตอนในการติดตั้งวัสดุเชิงมุม:
- ขั้นตอนที่ 1: ติดตั้ง Angular CLI
- ขั้นตอนที่ 2: สร้างพื้นที่ทำงานสำหรับโครงการเชิงมุม
- ขั้นตอนที่ 3: ติดตั้ง Angular Material, Angular CDK และ Angular Animations
- ขั้นตอนที่ 4: กำหนดค่าภาพเคลื่อนไหว
- ขั้นตอนที่ 5: นำเข้าโมดูลส่วนประกอบวัสดุเชิงมุม
- ขั้นตอนที่ 6: รองรับท่าทางสัมผัส
angular 7 รวมวัสดุเชิงมุมอย่างไร
ขั้นตอน: 2 ติดตั้งวัสดุเชิงมุมและการพึ่งพา
- ขั้นตอนที่ 1: ติดตั้ง Angular /material npm i --save @angular/material @angular/cdk
- ขั้นตอนที่ 2 ติดตั้ง Angular Animation npm i --save @angular/animations
- ขั้นตอนที่ 3 ติดตั้ง Hammer JS npm i --save hammerjs
- src/main.ts
- ถึงเวลาสร้างไฟล์ typescript อย่างง่ายใน src/app/material.ts