Სარჩევი:
ვიდეო: როგორ დავიწყო კუთხოვანი მასალებით?
2024 ავტორი: Lynn Donovan | [email protected]. ბოლოს შეცვლილი: 2023-12-15 23:49
დაწყება Angular Material-ით
- ნაბიჯი 1: დააინსტალირეთ კუთხოვანი CLI.
- ნაბიჯი 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-ის გამოყენება კუთხური კლიკის დასაყენებლად.
ანალოგიურად შეიძლება ვინმემ იკითხოს, როგორ დავამატო კუთხოვანი მასალები ჩემს პროექტს?
კუთხოვანი მასალის დაყენების ნაბიჯები:
- ნაბიჯი 1: დააინსტალირეთ Angular CLI.
- ნაბიჯი 2: შექმენით სამუშაო ადგილი Angular Project-ისთვის.
- ნაბიჯი 3: დააინსტალირეთ Angular Material, Angular CDK და Angular Animations.
- ნაბიჯი 4: ანიმაციების კონფიგურაცია.
- ნაბიჯი 5: Angular Material კომპონენტის მოდულების იმპორტი.
- ნაბიჯი 6: ჟესტების მხარდაჭერა.
როგორ აერთიანებს კუთხოვანი 7 კუთხოვანი მასალები?
ნაბიჯი: 2 დააინსტალირეთ კუთხოვანი მასალა და დამოკიდებულებები
- ნაბიჯი:1 დააინსტალირეთ Angular /material npm i -- შეინახეთ @angular/material @angular/cdk.
- ნაბიჯი:2 დააინსტალირეთ Angular Animation npm i -- შეინახეთ @angular/animations.
- ნაბიჯი:3 დააინსტალირეთ Hammer JS npm i -- შეინახეთ hammerjs.
- src/main.ts.
- ახლა, დროა შევქმნათ მარტივი საბეჭდი ფაილი src/app/material.ts-ში.
გირჩევთ:
რა არის კუთხოვანი CDK?
Angular Component Dev Kit (CDK) არის წინასწარ განსაზღვრული ქცევების ბიბლიოთეკა, რომელიც შედის Angular Material-ში, UI კომპონენტის ბიბლიოთეკა Angular დეველოპერებისთვის. Angular CDK აძლევს დეველოპერებს მყარ, კარგად აპრობირებულ ინსტრუმენტებს, რათა დაამატონ ურთიერთქმედების საერთო შაბლონები მინიმალური ძალისხმევით
როგორ დავიწყო კუთხოვანი პროექტი Visual Studio 2015-ში?
კარგი იდეაა დახუროთ Visual Studio და გადატვირთოთ, რათა დარწმუნდეთ, რომ ყველაფერი სუფთაა. ნაბიჯი 1: შექმენით დამწყები Angular აპის ბმული. ნაბიჯი 2: შექმენით Visual Studio ASP.NET პროექტის ბმული. ნაბიჯი 3: დააკოპირეთ Angular პროექტის ფაილები ASP.NET პროექტის საქაღალდის ბმულში. ნაბიჯი 4: აღადგინეთ საჭირო პაკეტების ბმული
როგორ დავიწყო კუთხოვანი პროექტი Visual Studio 2017-ში?
კუთხოვანი პროექტის შექმნა.NET Core-ით Visual Studio 2017-ის გამოყენებით. გახსენით Visual Studio 2017. გადადით ფაილზე >> ახალი >> პროექტი… (Ctrl + Shift + N). აირჩიეთ "ASP.NET Core ვებ აპლიკაცია". ნაბიჯი 4 - აირჩიეთ კუთხოვანი შაბლონი. ნაბიჯი 5 - გაუშვით აპლიკაცია. მარშრუტიზაცია. დაამატეთ ახალი კომპონენტი ხელით
როგორ შევქმნა კუთხოვანი პროექტი Visual Studio 2015-ში?
Visual Studio-ში აირჩიეთ ფაილი | ახალი | პროექტი მენიუდან. შაბლონის ხეში აირჩიეთ შაბლონები | Visual C# (ან Visual Basic) | ვებ. აირჩიეთ ASP.NET ვებ აპლიკაციის შაბლონი, მიეცით პროექტს სახელი და დააწკაპუნეთ OK. აირჩიეთ სასურველი ASP.NET 4.5
როგორ განათავსებთ კუთხოვანი აპებს?
როგორ განვათავსოთ და უმასპინძლოთ კუთხოვანი 2 ან 4 პროექტი სერვერზე შეცვალეთ და დააკონფიგურიროთ თქვენი აპი ჰოსტინგისთვის. დარწმუნდით, რომ დაარედაქტირეთ/შეცვალეთ გზა თქვენი დისტანციური სერვერისკენ. შექმენით თქვენი აპლიკაცია. შემდეგი, გაუშვით build ბრძანება თქვენს პროექტზე ng build-ის გამოყენებით. ატვირთეთ თქვენი აპლიკაცია