Kitame straipsnyje mes pažvelgsime į kampinį. Toliau mes pamatysime, kaip mes galime tai įdiegti atvirojo kodo „JavaScript“ sistema tai padės mums kurti vieno puslapio žiniatinklio programas, tinkamas žiniatinkliui / mobiliajam / darbalaukiui.
Tai yra sistema, kuri leidžia lengvai kurti žiniatinklio programas. „Angular“ sujungia šablonus, priklausomybės injekciją, „nuo galo iki galo“ įrankius ir įmontuotą geriausią praktiką, kad išspręstų plėtros problemas. Kampinės programos yra pagrįstos Mašinraštis kuris savo ruožtu yra pagrįstas „Javascript“.
Kampiniai bendrieji bruožai
- Kampinis yra vienas iš dažniausiai naudojamų „Javascript“ sistemų sukurti interneto programas.
- Ši sistema gali dirbti su grynu „JavaScript“, tačiau naudojant „Typescript“ patobulinamos jo funkcijos ir tai yra rekomenduojama parinktis daugeliui projektų. Ypač galvojant apie jo mastelį.
- Kampinis konvertuoja šablonus į labai optimizuotą kodą šiuolaikinėms „JavaScript“ virtualioms mašinoms.
- Leis mums pateikti pirmąjį programų rodinį Node.js, .NET, PHP ir kitomis kalbomis beveik akimirksniu pateikti tik HTML ir CSS.
- Kampinės programos greitai įkeliamos naudojant naują komponentinį maršrutizatorių. Tai siūlo automatinį kodo padalijimą vartotojams tiesiog įkelkite kodą, reikalingą vaizdui pateikti jie prašo.
- Galėsime greitai sukurti vartotojo sąsajos rodinius paprasta ir galinga šablono sintaksė.
- The Kampinio CLI komandinės eilutės įrankiai Jie leis mums greitai pradėti kurti, pridėti komponentų ir testuoti.
Tai tik keli bendri bruožai. Tai gali gauti daugiau informacijos apie juos projekto svetainė.
Įdiekite „Angular“ į „Ubuntu 18.04 LTS“
Pirmiausia turėsime įsitikinkite, kad visi mūsų sistemos paketai yra atnaujinti. Norėdami tai padaryti, turėsite atidaryti tik terminalą („Ctrl“ + „Alt“ + T) ir vykdyti šį scenarijų:
sudo apt update; sudo apt upgrade
„NodeJ“ ir NPM diegimas
Prieš pradėdami diegti „Angular“ „Ubuntu 18.04“, turėsime tai padaryti įdiegti „NodeJs“ ir „Node Package Manager“ (NPM). Norėdami tai padaryti tame pačiame terminale, vykdysime šias eilutes:
curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - sudo apt-get install -y nodejs
Baigę diegti „NodeJs“, pereiname prie NPM diegimo:
sudo npm install npm@latest -g
Įdiekite „Angular CLI“ į „Ubuntu“
Dabar mes įdiegsime kampinį CLI naudodami NPM:
sudo npm install -g @angular/cli
Baigę diegti, patikrinkite, ar jis buvo tinkamai įdiegtas su komanda:
ng --version
„Git“ konfigūracija
Kampinis CLI naudoja git reikalingiems moduliams diegti, todėl mums to reikia įsitikinkite, kad mes sukonfigūravome „git“. Jei nenustatėte savo „git“ vartotojo vardo ir el. Pašto adreso, atlikite šias komandas:
git config --global user.email "correo@electronico.com" git config --global user.name "usuario"
Naujos kampinės programos kūrimas
Dabar, kai mes turime įdiegtą kampinį, mes galime sugeneruokite „pagrindinę struktūrą“, kad sukurtumėte naują programą. Tai galėsime pasiekti naudodami ką tik įdiegtą CLI:
ng new nombre-aplicacion
Pirmiau nurodyta komanda sukurs naują programą su pavadinimu, kurį perduodame. Ši komanda užduos mums keletą klausimų. Pirmasis - jei norite naudoti maršrutą.
Šį pavyzdį ketinu pasirinkti Ne. Kitas klausimas kelia klausimą, kokį stilių lentelės formatą turėtumėte naudoti. Šiame pavyzdyje pasirinksime CSS (numatytasis) paspausdami „Enter“.
Diegimo procesas pradės diegti reikiamus modulius ir sukurti katalogo struktūrą mūsų programai.
Paleisti „Angular App“
Šiuo metu mes ketiname pereiti į ką tik sukurtą katalogą mūsų programai:
cd nombre-aplicacion
Čia mes galime paleiskite mūsų programą lengvai naudojant NPM komandą:
npm start
Ankstesnė komanda mums ekrane įdės nuorodą, kurioje bus nurodyta, kaip galime pamatyti mūsų programą.
Tai tik pagrindiniai pirmieji žingsniai, kuriuos galite atlikti naudodami „Angular“. Tai gali gauti daugiau informacijos apie šią sistemą oficialūs dokumentai kad jie paskelbė projekto svetainėje.
Labai ačiū už gidą ... Tai man padėjo, tai buvo tai, ko man reikėjo