Kuidas luua ClojureScripti rakendus

See artikkel on inspireeritud põdrakeelde loodava tööriista Loo Elm App abil, mis on omakorda inspireeritud tööriista Loo React App abil React.js ja JavaScripti

Nende tööriistade eesmärk on pakkuda ehituse seadistusi ilma konfiguratsioonita, nii et arendajatel ja algajatel oleks lihtsam alustada. Selles artiklis tahaksin teha lühikese ülevaate sellest, mida ClojureScript võib pakkuda neile, kes alles alustavad keelt.

Leiningen

Leiningen on Clojure'i kasutamise lihtsaim viis. Keskendudes projekti automatiseerimisele ja deklaratiivsele konfigureerimisele, väljub see teie viisist ja võimaldab teil oma koodile keskenduda.

See selleks! Kõik, mida vajate, on üks tööriist. Leiningen haldab teie sõltuvusi, juhib arendusserverit ja paneb tootmise ehitama. See on tegelikult Clojure'i (skripti) projektide jaoks kõige hädavajalikum tööriist. See võimaldab kasutada CSS-i eeltöötlejaid, sisestada teile koodi, käivitada e2e-teste või juurutada tootmiseks ning teha pistikprogrammidega palju muid ülesandeid. Võite mõelda Leiningenile kui ülesandejooksjale nagu Grunt.

Leiningen kõrvaldab mallide abil konfiguratsioonikatla. Malli moodustab Internetis juhusliku inimese kirjutatud pakett, mis aitab teistel arendajatel alustada erinevat tüüpi projektidega.

Alustamine

  1. Installige Leiningen (vaadake muid installimisvõimalusi):
pruulima paigaldada lein

2. Bootstrap ClojureScripti projekt Figwheeli malliga:

lein uue tiiviku projekti nimi
käsurida väljund pärast programmi

Sellega luuakse järgmise struktuuriga projekt:

├── README.md
├── dev
│ └── kasutaja.clj
├── projekt.clj
├── ressursid
│ └── avalik
│ ├── css
│ │ └── stiil.css
│ └── register.html
└── src
    └── my_app
        └── core.cljs

Kui soovite alustada veebirakenduse loomist, saate projekti käivitada ühega kolmest React.js ümbrisekogudest: Om, Rum või Reagent.

leini uue tiiviku projekti nimi - --rum

Tootmise ehitamine

lein cljsbuild kord min

lein-cljsbuild on plugin ClojureScripti projektide ehitamiseks.

See käivitab ülesande, mis on konfiguratsioonis defineeritud kui min ainult üks kord, ja see loob optimeeritud ja minimeeritud tootmise kogumi. Koodi optimeerib sulgemiskompilaator, mis on JavaScripti kõige täiuslikum tööriist.

käsurida väljund pärast `lein cljsbuild kord min` käivitamist

Arendusserver

lein viigipüks

lein-figwheel on väljundi JavaScripti ja CSS-koodi kuumalaadimise pistikprogramm.

Vaatame, mis siin toimub:

  1. Konfiguratsiooni valideerimine. Kui konfiguratsioonis on midagi valesti, palub Figwheel teil selle parandada, osutades konfiguratsioonifaili täpsele veale.
  2. Käivitav server. Arendusserver algab aadressilt locahost: 3449, porti saab konfigureerida.
  3. Kompileerige ja vaadake. Kompileerib ClojureScripti ja jälgib muudatusi projekti lähtefailides. Joonisratas koondab muudatused ja surub JavaScripti koodi brauserisse. Kui teie koodis on tõrge, ei värskenda Figwheel seda, vaid kuvab brauseris selle asemel veateate ja tõrke täpse asukoha koodis.
  4. CSSi jälgija käivitamine. Lihtne CSS-failide jälgija, mis viib muudatused brauserisse.
  5. ClojureScript REPL. Lõpuks alustab Figwheel interaktiivset REPL-i, kus saate käivitada brauseris käivitatava koodi ja suhelda projekti koodiga.

Salvestasin selle kiire video, et näidata, kuidas REPL ja Figwheel toimivad.

Sõltuvused

Clojure'i (skripti) pakette hoitakse NPM-iga sarnases hoidlas, seda nimetatakse Clojarsiks. Siit leiate paketi ja lisage see järgmisesse jaotisse: sõltuvused oma projektis.clj. Leiningen installib uued sõltuvused projekti taaskäivitamisel automaatselt.

: sõltuvused [[org.clojure / core.async "0.2.391"]]

Järeldus

Loodan, et see artikkel paneb teid vähem kartma ClojureScripti ees ja aitab sellega sekunditega hakkama saada. Allpool on loetelu ressurssidest, mida võiksite lugeda keele ja tööriistade kohta lisateabe saamiseks.

  • Clojurecripti viki
  • Leiningen
  • Joonisratas
  • ClojureScript Koans
  • Clojurecripti järgmised viis aastat
  • ClojureScript skeptikute jaoks
  • Clojurecripti arendamine koos Figwheeliga