← Pripravljalnica

Lekcija 2 od 4 ⏱ 15 minut

Namestitev urejevalnika VS Code

Namestili bomo program, v katerem boš pisal kodo. Brezplačen je in ga uporabljajo tudi profesionalci.

Kaj je VS Code in zakaj ravno ta

Visual Studio Code (na kratko VS Code) je urejevalnik – program za pisanje kode. Predstavljaj si ga kot Word za programerje: obarva kodo, daje namige in opozori na napake. Popolnoma brezplačen je in z njim gradijo spletne strani v največjih podjetjih na svetu. Nauči se ga zdaj in ti bo ostal za vedno.

⚠️

Namesti ga z odraslo osebo zraven. Naj bo starš pri tebi – sama namestitev je varna, a dobro je, da ve, kaj gre na računalnik.

Namestitev v Windowsu

  1. Odpri code.visualstudio.com in klikni velik moder gumb Download for Windows.

  2. Ko se datoteka prenese, klikni nanjo (v opravilni vrstici spodaj ali v mapi Prenosi).

  3. Sprejmi licenco (označi I accept the agreement), nato kar klikaj Next. Pri koraku Select Additional Tasks označi Create a desktop icon, da boš imel bližnjico na namizju.

  4. Klikni Install in počakaj. Na koncu klikni Finish – VS Code se bo odprl.

Namestitev na Macu

  1. Odpri code.visualstudio.com in klikni Download for macOS.

  2. Ko se datoteka prenese, jo poišči v mapi Downloads. Če je .zip, jo dvoklikni, da se razširi.

  3. Pojavi se modra ikona Visual Studio Code. Povleci jo v mapo Applications. To je vse – nameščeno je.

  4. Odpri mapo Applications in dvoklikni Visual Studio Code. Prvič bo Mac vprašal, ali res želiš odpreti program – klikni Open.

Spoznaj VS Code

VS Code govori veliko jezikov – na kratko si oglejmo vmesnik, da se počutiš domače:

  1. Na levi strani klikni ikono, ki izgleda kot naloženi kvadratki (Extensions). To so štirje majhni bloki.

  2. V iskalno polje zgoraj vpiši Prettier (ali ime teme, ki ti je všeč, npr. Dracula ali Night Owl).

  3. Izberi nekaj, kar ti je všeč, in klikni Install zraven.

  4. Spodaj desno se lahko pojavi majhno okno – sledi predlogom. VS Code bo tvojo izbiro takoj uporabil.

Preveri se: VS Code se odpre in izgleda pripravljen za delo, z menijem zgoraj (File, Edit, Selection…). Če je tako, si pripravljen – delavnica je postavljena!

Kaj si vzameš iz tega poglavja