Alapvető szögbeállítás és alkotóelem-felépítés (E-kereskedelem alkalmazás létrehozása a szögletes és Firebase felhőazonosító segítségével) - 1. rész

Az Angular egy TypeScript alapú, nyílt forrású, elsőrendű webes alkalmazásplatform, amelyet a Google Angular Team vezet.

A szög JS és a szög teljesen különböznek. Ha nincs ötlete az Angular JS-ről (vagy az 1.x-es szögről), ne aggódjon, én is soha nem dolgoztam vele. A 2. szög és a korábbi verziók meglehetősen egyszerűbbek, mint az 1. szög, jó menni.

Amire valószínűleg szüksége van:

  • node.js

Ellenőrizze, hogy a Node.js telepítve van-e.

  • NPM

Ellenőrizze, hogy az NPM (Node Package Manager) telepítve van-e

Ellenőrizze a Node.js és az NPM verziót:

csomópont -v
npm -v
  • Telepítse a szögletes CLI-t (parancssori felület):
npm i -g @ szög / cli

Győződjön meg arról, hogy megkapta a legújabb verziót. További információ a szög CLI-ról itt.

  • A JavaScript alapjai.
  • A rendszerindító alapok.

A Angular egy keret, amelyet teljes egészében a TypeScript épít. A TypeScript és a Angular használata zökkenőmentes élményt nyújt. A szögdokumentáció nemcsak támogatja a TypeScriptet, mint első osztályú polgárt, hanem elsődleges nyelvként használja.

De ne aggódjon, a TypeScript nagyjából hasonlít a JavaScript-hez. Ha ismeri a JavaScriptet, akkor aranyszínű.

Most, hogy készen állunk a környezetünkre, folytassuk.

Kezdjük el

A szög CLI elemeket, szolgáltatásokat, csöveket, útvonalakat és irányelveket generál.

új szögletes alkalmazástípus létrehozása a következő parancs alatt:

új ngCart - útvonal

Itt az ngCart az alkalmazásunk neve, a fenti parancs létrehoz egy mappát az ngCart névvel, és elkészíti a számunkra szükséges fájlokat.

- Az útválasztó jelzőt az app-routing.module.ts fájl létrehozására használják, amely az útvonalakkal kapcsolatos összes információt tartalmazza.

A „.ts” a TypeScript fájlokhoz használt kiterjesztés.

Ez a fájlszerkezet, amelyet a fenti parancs futtatása után kapunk

Ne őrüljön meg, tudom, hogy nagyon sok fájl található. De leginkább az src / app / könyvtárban fogunk dolgozni.

Az app.component.css tartalmazza az alkalmazás összetevőjének összes CSS-jét.

Az app.component.html tartalmazza az alkalmazás összetevőjének összes HTML-jét.

Az app.component.ts az alkalmazás összetevőjével kapcsolatos összes logikát tartalmazza.

Az app.module.ts gondoskodik az alkalmazásunkban használt összes csomagról.

A nagyszerű megjelenés érdekében a Bootstrap 4 programot fogjuk használni.

Helyezze a CSS rendszerindító CDN-jét az index.html fájlba előtt

Lásd még

TUDNIVALÓAN MEG kell tanulnunk, hogyan lehetünk azok a nők, akiket felnőttünkIOTA - erősítse meg a függőben lévő tranzakciókat…. „Hogyan kell”.Hogyan lehet a legtöbbet kihozni a talk-terápiás tapasztalatokbólHogyan továbbíthatunk adatokat az irányított alkatrészek között a szögbenHogyan jelentkezhetek IOST csomóponthoz?