Toggle Side Panel
Lek­ti­on 1, The­ma 1 
In Bear­bei­tung

Visu­al Code starten

Wäh­rend der ein­fa­che Text­edi­tor am Anfang aus­rei­chen mag, wird er zuneh­mend unbe­quem, wenn wir grö­ße­re Pro­jek­te gestal­ten wol­len. Des­halb stei­gen wir an die­ser Stel­le um auf einen soge­nann­ten Quell­text-Edi­tor. Ich habe mich für Visu­al Stu­dio Code von Micro­soft ent­schie­den (mit dem man übri­gens außer in Java­Script noch in vie­len ande­ren Spra­chen pro­gram­mie­ren kann). 

Bevor wir aber damit arbei­ten kön­nen, muss Visu­al Stu­dio Code erst instal­liert wer­den. Im Fol­gen­den machen wir es uns ein­fa­cher und spre­chen kurz von VS Code. 

Dop­pel­kli­cke auf das Desk­top-Sym­bol mit dem Namen VS Code. Wenn es nicht vor­han­den ist, öff­ne den Ord­ner, in dem du VS Code unter­ge­bracht hast, und dop­pel­kli­cke mit der Maus auf das Sym­bol mit dem Namen Code.exe.

Hilf­reich

Ich emp­feh­le dir, eine Ver­knüp­fung auf dem Desk­top anzu­le­gen:
Dazu klickst du mit der rech­ten Maus­tas­te auf das Sym­bol für VS Code. Im Kon­text­me­nü wählst du Kopie­ren.
Dann kli­cke auf eine freie Stel­le auf dem Desk­top, eben­falls mit der rech­ten Maus­tas­te. Im Kon­text­me­nü wählst du Ver­knüp­fung ein­fü­gen.
Es ist sinn­voll, für das neue Sym­bol auf dem Desk­top den Text Code.exe -Ver­knüp­fung durch VS Code zu erset­zen.
Von nun an kannst du auf das neue Sym­bol dop­pel­kli­cken und damit VS Code starten. 

Ganz oben kann man die Menü­leis­te erken­nen. Von den Menüs wirst du wahr­schein­lich die­se vier am meis­ten benutzen: 

  1. Über das Datei -Menü kannst du Datei­en spei­chern , laden (öff­nen), aus­dru­cken , neu erstel­len oder VS Code beenden.
  2. Die Menüs Bear­bei­ten und Aus­wahl hel­fen dir bei der Bear­bei­tung dei­nes Pro­gramm­tex­tes, aber auch bei ande­ren Pro­gramm­ele­men­ten. Außer­dem kannst du dort bestimm­te Arbeits­schrit­te rück­gän­gig machen oder wiederherstellen.
  3. Über das Aus­füh­ren -Menü sorgst du dafür, dass dein Pro­jekt aus­ge­führt wird.
  4. Und das Hil­fe -Menü bie­tet dir viel­fäl­ti­ge Hilfs­in­for­ma­tio­nen (vor allem auf Eng­lisch) an.

Wich­tig!

Eini­ge wich­ti­ge Menü­ein­trä­ge sind in einem soge­nann­ten Popup-Menü zusam­men­ge­fasst. Das heißt so, weil es dort auf­klappt, wo du gera­de mit der rech­ten Maus­tas­te hin klickst. 

Uns inter­es­siert jetzt das, was (links oben) unter Start steht. Bevor wir eine neue Datei erstel­len, will VS Code wis­sen, wel­chen Ord­ner wir für unser Pro­gramm­pro­jekt aus­ge­wählt haben. 

Kli­cke also auf „Ord­ner öffnen“ 

Im Dia­log­fens­ter suchst du nun den Unter­ord­ner Pro­jek­te (den du vor­her erstellt hast). 

Kli­cke abschlie­ßend auf Ord­ner aus­wäh­len . Das Aus­se­hen des Fens­ters von VS Code hat sich nun ein wenig geändert: