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](https://github.com/Oisov/oppgave/wiki/images/kodeklubb-byggeren/localh ost.png "Viser localhost, teksteditor, og Lær kidsa koding sin nettside")](https://github.com/Oisov/oppgave/wiki/Bygge-oppgavesidene-lokalt/edi t)
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.
Merk: Versjonen vi bruker av node er 9.8.0
, men dagens versjon er
nyere enn dette. Det er viktig at du bruker versjon 9.8.0
av node for å kunne bygge oppgavesidene lokalt på datamaskinen din.
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 9.8.0
i kommandolinjen.
En annen måte er å installere node manuelt fra deres egen nettside. Gå
til nodejs.org og last ned filen
node-v9.8.0-x64.msi
. Du installerer node ved å trykke på filen når den er
ferdig nedlastet på din maskin.
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 9.8.0
i kommandolinjen.
En annen måte er å installere node manuelt fra deres egen nettside. Gå
til nodejs.org og last ned filen
node-v9.8.0.pkg
. Du installerer node ved å trykke på filen når den er
ferdig nedlastet på din maskin.
Gå til hjemmesiden til
yarn. Trykk på
Download Installer
og følg veiledningen.
Skriv
curl -o- -L https://yarnpkg.com/install.sh | bash
i kommandolinjen.
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 å slettenode_modules
-mappen og kjøryarn
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 feilmeldingno such file or directory, open
og så en sti tilfiltertags/keys.yml
.