Mi pontosan szögletes?

Az Angular egy JavaScript nyílt forráskódú felületkeret, amely reaktív egyoldalas alkalmazásokat (SPA) hoz létre, és amelyet a Google fejlesztői készítettek. Az Angular széles körű irányítást tanúsított a nyílt forráskódú JavaScript keretrendszerekben, és rendkívül magasra értékeli a fejlesztõk és a vállalkozások körében a kiváló mûködési technikákért. A szögletes, innovatív ügyféloldali MVW-keretrendszert jelenleg nagyon használják a mobilalkalmazások és a webes alkalmazások fejlesztésére. Ezt Typescript-ben írta, az ES6 (ECMA Script 2015) támogatással. A Microsoft által kifejlesztett szövegírás, és a JavaScript felső részét képezi. Ez lefordítja a kódot, és konvertálja JavaScript vagy ES5 formátumban. A Typescript erősen gépelt, és megengedett az OOPS szolgáltatás, például az osztály, interfész és modul utasítások írása, akárcsak a C # vagy a Java, amelyek fokozzák a végrehajtást és csökkentik a futási idő hibáit.

Az alábbiakban bemutatjuk a 2. szög fő jellemzőit

  • Alkatrészek -

az Angular korábbi verziója a Vezérlők figyelmét felvette, de most teljesen megváltoztatta a hangsúlyt, hogy az alkatrészekkel dolgozzon a vezérlők felett. Az alkotóelemek segítenek az alkalmazások több modulban történő létrehozásában. Ez elősegíti az alkalmazás hatékonyabb kezelését egy bizonyos ideig.

  • Modul -

a modul meglehetõsen megegyezik egy osztálytal. A modult általában egy olyan kódblokk írja le, amelyet egy adott feladat végrehajtására használnak. A szög képes modularitásra, ahol csak egy alkalmazás épül fel, ha több modulból elválasztja. Az exportáló kulcsszó felhasználható az alkotóelem osztály exportálására egy modulból. Minden szögletű alkalmazásnak legalább egy szögmodulja van, az egyezmény szerint az alkalmazás modul.

Például

  • Sablon -

A sablon a kulcsszerep, amely igazolja az összetevő böngészését. Nyilatkozhatnánk, hogy az összetevő nézete sablon segítségével azonosítható. HTML formátumban készül, kötelező érvényű és irányelvet is tartalmaz.

Például

  • Metaadatok -

Nagyon hasznos az osztály hatékonyságának növelése. A Typescriptben erre a célra a dekorációs osztály azonosítja. Például a szögletes alkalmazás bármely elemének meghatározásához használja az osztály metaadatait (i .e. @ Component decorator).

A dekorátor egy olyan funkció, amely metaadatokat hoz egy osztályba, tagok vagy metódus argumentumok.

  • Kötelező adatok -

A leghatékonyabb szolgáltatás, az Data Binding, a híd a modell és a nézet között. Ez automatikusan szinkronizálja. A szög négyféle kötést támogat - az ingatlankötés, az eseménykötés, az interpoláció és a kétirányú kötés.

  • Irányelv -

Az irányelvek egyéni HTML-attribútumok, amelyek segítenek a HTML fennmaradó képességében. Irányelv készítéséhez a @Directive dekorátort használják az osztály csatlakoztatott metaadataihoz. Három típusú irányelv - alkatrész, dekorátor és sablon.

  • Szolgáltatások -

A szolgáltatásokat akkor használják, amikor általában az alkalmazás különféle moduljaira egyetlen termelékenységre van szükség. Alapvetően az adatok és viselkedés megosztására szolgál az alkalmazáson belül. A szolgáltatásnak nincs alaposztálya. Gyakran használt szolgáltatások: naplózási szolgáltatás, adat szolgáltatás, masszázs szolgáltatás stb.

  • Függőség-befecskendezés -

Függőség-befecskendezés szögben. A Dependency Injection (DI) a szögletes 2+ alapkoncepciója, amely lehetővé teszi az osztály számára, hogy összegyűjtse a függőségeket egy másik osztálytól. Általában szögben a függőségi befecskendezést úgy végezzük, hogy egy szolgálati osztályt injektálunk egy szekcióba vagy modulba.

Például

Sok olyan szövegszerkesztő létezik, amely teljes mértékben támogatja a Typescript-et. Vagy a dobozból, vagy egy pluginnal, az alábbiakban felsorolt ​​mindegyik mellett.

  1. Vizuális Stúdió.
  2. Visual Studio kód.
  3. Atom.
  4. Fogyatkozás.
  5. WebStorm.

A Visual Studio kód a legjobb választás, mert nyílt forráskódú, Linuxon, Windowson és MacOS rendszeren fut. Nagyszerű szolgáltatásokat nyújt, amelyek támogatják a Typescript-et, ideértve a

  • Automatikus kiegészítés
  • IntelliSense
  • Szintaxis ellenőrzése
  • refaktorálása

A Visual Studio kód letöltéséhez keresse fel a https://code.visualstudio.com/download webhelyet.

A 2. szög telepítésének lépései

Most, az első lépések az Angular 2 telepítéséhez

1. lépés: A 2. szög telepítéséhez először töltse le a node.js csomagot a https://nodejs.org/en/download/ webhelyről.

Telepítse a letöltött npm (Csomópontcsomagkezelő) lerakatot a rendszerébe.

  • Ha Windows rendszert használ, telepítse a Windows telepítőjét.
  • Ha MacOS rendszert használ, telepítse a MacOS telepítőjét.

Ellenőrizze a rendszerrel kompatibilis verziókat, például 32 bites vagy 64 bites.

2. lépés: Csomópont telepítése,

Most kattintson duplán a letöltött node-v10 15.3-x64.msi fájlra a telepítő futtatásához, majd kattintson a Next gombra a telepítő képernyőjén.

3. lépés: Most kattintson a jelölőnégyzetre, és fogadja el a licencszerződés feltételeit . Ezután kattintson a Tovább gombra.

4. lépés: A következő képernyőn módosítsa a telepítési útvonalat, ha szükséges, vagy kattintson a Tovább gombra.

5. lépés: A Következő szolgáltatásválasztó képernyőn tartsa meg az alapértelmezett választást, majd kattintson a Tovább gombra.

6. lépés: Most, a Node.js telepítéséhez kattintson a Telepítés gombra.

7. lépés: A következő képernyőn várjon, amíg a telepítés befejeződik.

8. lépés: Most kattintson a Befejezés gombra.

9. lépés: Nyissa meg a parancssort a számítógépen, és írja be a következő parancsot, és ellenőrizze a nodejs és az npm verziót:

c:/>node -v

c:/>npm -v.

10. lépés: A telepítés befejezése után. Látogassa meg a https://cli.angular.io/ webhelyet az Angular CLI (Command Line Interface) eléréséhez.

11. lépés: Nyissa meg a parancssort a gépen, írja be az „npm install –g @ angular / cli” parancsot, és nyomja meg az Enter billentyűt az Angular 2 CLI (Command Line Interface) telepítéséhez.

Megjegyzés: Ha MacOS / Linux rendszert használ, akkor csak tegye a sudo-t az npm elé, „sudo npm install –g @ angular / cli”

12. lépés: Írja be az „új első alkalmazás” elemet, és nyomja meg az Enter billentyűt az első alkalmazás létrehozásához.

13. lépés: Az Angular 2 alkalmazás telepítésekor néhány kérdést feltesz a Angular CLI.

  • Szeretne hozzáadni a szögletes irányítást? (I / Nem) -> Nem
  • Melyik stíluslap szabványt akarja használni? (Használjon nyilakat) -> CSS

14. lépés: Az Első alkalmazásban adjon hozzá minden csomagot a Szög CLI használatával

Az összes csomag telepítése után ez azt jelenti, hogy az alkalmazás létrehozásra kerül a lemezen.

15. lépés: Írja be az „ng –version” parancsot a parancssorba, és nyomja meg az enter billentyűt, hogy megtudja a szögváltozatot

16. lépés: Most írja be a „cd first-app” parancsot az alkalmazás könyvtárába vagy mappába való belépéshez.

17. lépés: Végül létrejön az „első alkalmazás” szögletes alkalmazás; Most írja be az „ng serve” parancsot.

18. lépés: Most nyissa meg a böngészőt, és írja be a címsorba a http: // localhost: 4200 elemet, és nyomja meg az Enter billentyűt az Első alkalmazásszögű alkalmazás futtatásához a böngészőben.

Ajánlott cikkek

Útmutató volt a 2. szög telepítéséhez. Itt tárgyaltuk a 2. szög fő jellemzőit és a 2. szög telepítésének lépéseit. További tudnivalókat a következő cikkekben is megnézhet -

  1. 2. szögű csaló lap
  2. 2. szög interjúkérdések
  3. 2. szög vs Vue JS
  4. Szögparancsok

Kategória:

Szoftverfejlesztés