Skip to content

Bygge oppgavesidene lokalt

Tjerand Silde edited this page Jul 31, 2019 · 16 revisions

W3Schools

Bygg oppgavesidene på din egen datamaskin

Arbeider du med større oppgaver, kan det ofte være lurt å bygge nettsidene for å se hvordan oppgaven vil se ut for barna. Det er fort gjort å gjøre en liten feil når en lager lister, skriver kodeblokker, eller bruker noen av Lær kidsa kodings egendefinerte titler.

Viser localhost, teksteditor, og Lær kidsa koding sin nettside

Komme i gang

Først må du passe på at du har node og yarn installert. Det er ulike måter å gjøre dette på avhengig av om du bruker Mac, Linux eller Windows.

Installere node på Windows

En måte å komme i gang på er å først installere nvm-windows. Last ned filen nvm-setup.zip. Du installerer nvm ved å trykke på den når den er ferdig nedlastet på din maskin. Deretter kan du installere den anbefalte versjonen av node spesifisert i filen .nvmrc ved å kjøre

nvm install 10.16.0

i kommandolinjen.

En annen måte er å installere node manuelt fra deres egen nettside. Gå til nodejs.org og last ned filen node-v10.16.0-x64.msi. Du installerer node ved å trykke på filen når den er ferdig nedlastet på din maskin.

Installere node på Mac eller Linux

En måte å komme i gang på er å først installere nvm. Skriv

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

i kommandolinjen. Deretter kan du installere den anbefalte versjonen av node spesifisert i filen .nvmrc ved å kjøre

nvm install 10.16.0

i kommandolinjen.

En annen måte er å installere node manuelt fra deres egen nettside. Gå til nodejs.org og last ned filen node-v10.16.0.pkg. Du installerer node ved å trykke på filen når den er ferdig nedlastet på din maskin.

Installere yarn på Windows

Gå til hjemmesiden til yarn. Trykk på Download Installer og følg veiledningen.

Installere yarn på Mac og Linux

Skriv

curl -o- -L https://yarnpkg.com/install.sh | bash

i kommandolinjen.

Komme i gang med LKK-byggeren

Når node and yarn er installert, bytt til mappen hvor din fork av oppgave-repoet ligger (ikke i mappen med din fork, men 'ved siden av') og skriv

git clone https://github.com/kodeklubben/codeclub-viewer.git
cd codeclub-viewer
yarn
yarn start

i kommandolinjen. Deretter kan du åpne nettsiden på http://localhost:8080.

MERK:

  • Dersom du nylig endret versjonen av node, og du får en feilmelding under yarn start, prøv å slette node_modules-mappen og kjør yarn igjen for å installere det på nytt.
  • Det er viktig at mappen med din fork av oppgave repoet faktisk heter oppgaver, ellers så får du en feilmelding no such file or directory, open og så en sti til filtertags/keys.yml.