9) Installera utvecklingsmiljön (bonus)

I den här lektionen lär du dig att installera en utvecklingsmiljö för webbappar på Windows.

Lektionen är en bonuslektion eftersom den kanske ligger lite utanför kursen men jag tycker att du ska följa med i lektionen även om du kanske inte gör uppgiften - att installera utvecklingsmiljön på din egen PC.

Det vi gör i den här lektionen finns också som en uppgift så vänta med att göra något till efter lektionen.

Utvecklingsverktyg

Det finns förstås flera val av verktyg/hjälpmedel än de här men det är bra val tycker jag.

Editor: Notepad++


Vi behöver en editor för att editera våra filer index.html och index.js.

Notepad++ kan tyckas vara ett lite konstigt val, det finns ju så många fantastiska editorer.

Men jag gillar Notepad++, den startar blixtsnabbt, har vad som behövs och skräpar inte ner i filerna.

Kan laddas ner från https://notepad-plus-plus.org/.

Node.js


Egentligen behöver vi bara npm (Node Package Manager) men npm är lättast att installera genom att installera Node.js.

Node.js används för att köra Javascript utanför webbläsaren t.ex. i serverapplikationer.

Node.js kan laddas ner från https://nodejs.org/en/.

32 eller 64-bits version är förvalt. Välj LTS-versionen.

Parcel


Våra webbappar behöver en webbserver och med Parcel får du en lokal webbserver (som går i din PC).

Parcel bygger också webbappen genom att ladda ner de Javascript-paket som appen behöver och ”paketerar” för att få en lätt installation på en webbserver.

Om du gör en ändring i t.ex. index.js och sparar ändringen så bygger Parcel automatiskt om appen och visar den ändrade appen i webbläsaren.

Parcel installeras med hjälp av npm. Öppna Kommandotolken. I fönstret skriv:

npm install -g parcel-bundler

Summering

I den här lektionen installerade vi en utvecklingsmiljö för webbappar. I nästa lektion använder vi verktygen för att bygga appen imagecp.

<< Bakåt Framåt >>