Göm meny
Gäller för: VT24

Visual Studio Code VT2


*Nedanstående förutsätter att du gått igenom den setup som behövs för Laborationer VT1. Se instruktioner här. Gör INTE nedanstående inställningar under VT1 om du inte redan är van programmerare. *

Python-extension för VSCode

Tillägg, teman och annat

Texteditorn är ett av programmerarens främsta verktyg. Det finns dock många olika programmeringsspråk och många olika miljöer för programmering. Det är därför i princip omöjligt att skapa den perfekta texteditorn som passar alla.

Därför kan man i VSCode, som i så många andra texteditorer, använda tillägg för att utöka funktionaliteten. Till exempel

  • Stöd för ett viss programmeringsspråk - gör så att texteditorn känner igen syntaxen och kan färglägga text på ett sätt som gör det lättare att läsa koden.
    • Grundläggande stöd för sådan syntax highlight för Python finns redan inbyggt i VSCode och aktiveras automatiskt när man öppnar en fil med filändelsen .py.
  • Stöd för “intelligent code completion”, en typ av autocomplete speciellt anpassad för ett visst programmeringsspråk.
  • Stöd för att manipulera kod på smidiga sätt.
  • Stöd för att köra kod direkt från texteditorn.

Du kan även ändra färgtema till något som passar dig speciellt bra, eller ändra vilka tangentbordskommandon som gör vad.

Installera VSCodes Python-extension

  1. Öppna VSCode
  2. Längst till vänster i fönstret finns en list med olika menyer; Explorer, Search, Source Control, Run and Debug och slutligen Extensions. Klicka på Extensions.

  1. En ny meny öppnas och oftast visas en extension med namnet “Python” automatiskt längst upp. Notera att utgivaren är Microsoft.
    • Om inte, använd sökfältet längst upp för att söka efter “Python”.

  1. Klicka på Install-knappen. Vänta någon minut och sen är du klar.

Kontrollera kod mot PEP 8 och PEP 257

Vi kan använda s.k. linters för att kontrollera kod på olika sätt. Bland annat finns linters som kontrollerar mot PEP 8 och PEP 257. Se sidan om PEP 8 och PEP 257.

Köra pythonkod från Visual Studio Code

Om du använder Visual Studio Code och vill köra koden från Visual Studio Code, använd inte “Play-knappen”. Använd istället den inbyggda terminalen.

“Play-knappen” är inte alltid rätt konfigurerad, dvs det kan bli fel om man t.ex. installerat pythonpaket eller behöver använda en virtuell miljö. Detta problem verkar gälla framförallt Windows.

Redigera tillsammans på distans med tillägget Live Share

Du kan använda tillägget Live Share för att redigera filer tillsammans på distans, samt dela terminal via Visual Studio Code. Nedan följer en kort översikt över hur du gör. Du behöver bara installera tillägget och logga in en gång. Efter att du gjort det kan du öppna en katalog och starta en Live Share-session på en gång.

Live share fungerar via RDP men ej via ThinLinc

Live Share fungerar inte om du använder ThinLinc.

Däremot går det bra att använda VSCode + Live Share om du loggar in på en Linuxdator via RDP. Det kan dock vara så att du måste använda det alternativa inloggningsförfarandet för att logga in till Live Share. Se nedan.

Det refereras till kommandopaletten i instruktionerna nedan. Du får upp kommandopaletten genom att trycka Shift + Ctrl + p (Windows/Linux) alternativt Shift + Cmd + p (macOS)

Installera tillägget

Gå till tilläggsfliken och leta upp tillägget Live Share och installera det.

Installera Live Share

Logga in, alt 1 (prova först)

Ta fram kommandopaletten och skriv in “Sign in”. Välj först Sign In With Browser och sedan Sign in with Microsoft. En webbläsare öppnas och du kan logga in med liuid@student.liu.se (ersätt liuid med ditt LiU-ID).

Logga in, alt 2

Om du inte kommer vidare från inloggning via webbläsare i Alt 1, kan du gå till denna sida och välja “Sign in with Microsoft” och logga in enligt ovan. Du går där en user code som du använder i Visual Studio Code. Ta fram kommandopaletten och skriv in “Sign in” och välj Sign in With User Code och klistra in koden från webbsidan.

User Code

Välj en katalog att dela

Välj en katalog att dela. Alla mappar och filer i denna katalog kommer vara tillgängliga när du startar din Live Share-session. Du hittar knappen “Open Folder” i Explorer-fliken.

Öppna katalog

Starta en Live Share-session

Klicka på Live Share-fliken och starta en Live Share-session genon att klicka på (Share Read/Write) om deltagarna ska kunna skriva i dina filer.

Starta en session

Dela med dig av länken

Skicka länken till den person du vill ska kunna redigera dina filer tillsammans med dig.

Länk att dela med dig av

Dela terminal

Genom att klicka på Live Share-fliken kan du dela med dig av en terminal via VSCode till personen/personerna du jobbar tillsammans med. Om du delar den som Read/Write kan deltagarna också skriva kommandon i terminalen som körs på din dator. Dela inte terminaler som Read/Write med personer du inte litar på.

Dela terminal

Delad terminal

Ansluta som deltagare

För att ansluta till en Live Share-session behöver du

  1. installera Live Share och sedan
  2. logga in enligt ovan.
  3. Därefter kan du i Live Share-fliken välja “Join” och klistra in den länk du fått.


Sidansvarig: Johan Falkenjack
Senast uppdaterad: 2024-03-15