VScode
Innehåll
Visual Studio Code är en texteditor som är gratis och finns till Linux, Mac och Windows. Du hittar mer information och kan ladda ner Visual Studio Code till din egen dator från dess hemsida.
Få tillgång till Visual Studio Code i LiUs Linux-miljö
Har du gjort Laboration 1 och lagt till kursmodulen med module initadd
har du redan tillgång till Visual Studio Code (från och med nu kommer det i de flesta fall kortas ner till VSCode). Man kan också lägga till modulen för VSCode direkt.
OBS! Nedanstående gäller endast för att få igång Visual Studio Code om du sitter i en Linux-datorsal på LiU, ansluter till dito via RDP eller loggar in via ThinLinc.
Öppna ett terminalfönster och kör följande två kommandon:
$ module add prog/vscode
$ module initadd prog/vscode
Det första gör modulen prog/vscode
tillgänglig i ditt nuvarande session.
Det andra kommandot ser till att modulen prog/vscode
från och med nu
automatiskt läggs när du loggar in.
Starta Visual Studio Code
När du lagt till modulen för VSCode kan du skriva
$ code
i en terminal för att starta det.
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
.
- 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
- 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
- Öppna VSCode
- 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.
- 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”.
- 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.
Visual Studio Code på egen dator
Gå till https://code.visualstudio.com/Download och ladda ner och installera sedan Visual Studio Code för ditt operativsystem.
Mac-användare: Om du använder macOS måste du installera Visual Studio Code
under mappen Program
eller Applications
. Om du inte gör detta kommer du få
problem när du ska använda Live Share
.
För att Live Share
ska fungera på macOS måste du använda macOS 10.13 (High
Sierra) eller högre. Se https://docs.microsoft.com/en-us/visualstudio/liveshare/troubleshooting
Ansluta till LiUs Linux-miljö genom VSCode på egen dator
Du kan köra VSCode på din egen dator men vara ansluten genom VSCode till LiUs Linux-miljö. Du har då tillgång till alla filer du normalt har tillgång till när du sitter i en labbsal eller använder ThinLinc. Du kan också öppna en terminal för att kunna köra godtyckliga bash-kommandon på samma sätt som i den vanliga terminalen i Linux.
För att kunna ansluta till LiUs Linux-miljö genom VSCode måste du först ansluta till LiUs VPN på samma sätt som om du skulle använda t.ex. ThinLinc.
Förberedelser
- Kör kommandot
module initadd prog/vscode
i LiUs Linux-miljö om du inte redan gjort det. - Om din egen dator kör något annat operativsystem än macOS eller Windows 11 kan du behöva installera en OpenSSH-kompatibel ssh-klient, kolla här.
- Installera VSCode på din egen dator om du inte redan gjort det.
Installera tillägget
Gå till tilläggsfliken och leta upp tillägget Remote - SSH och installera det.
Första gången
- När du installerat Remote - SSH bör du se följande knapp i nedre vänstra hörnet av VSCode. Färgen kan variera.
- Klicka på knappen och du bör få upp följande meny:
-
Klicka på Connect to Host.
-
Skriv
ssh liuid123@ssh.edu.liu.se
därliuid123
ska bytas ut mot ditt liuid. -
Du måste sedan välja en config-fil där VSCode ska spara inställningarna för anslutningen. Välj det första alternativet.
-
VSCode öppnar nu ett nytt fönster (en ny “session”) där du måste skriva in ditt lösenord för att ansluta.
Om du har gjort alla stegen korrekt och ditt lösenord är godkänt kommer VS Code Server installeras i din hemkatalog i LiUs Linux-miljö och du kommer strax till VSCodes välkomstskärm. I nedre vänstra hörnet bör du nu kunna se följande status:
Ansluta igen
- Klicka på Remote-statusknappen i nedre vänstra hörnet:
-
Klicka på Connect to Host.
-
Välj alternativet ssh.edu.liu.se.
-
VSCode öppnar nu ett nytt fönster (en ny “session”) där du måste skriva in ditt lösenord för att ansluta.
När ditt lösenord är godkänt kommer du strax till VSCodes välkomstskärm. I nedre vänstra hörnet bör du nu kunna se följande status:
När du anslutit kan du arbeta med det anslutna VSCode-fönstret på precis samma sätt som om du satt i en datorsal på campus.
Om du t.ex. testar att öppna en fil eller katalog så kommer du se att navigationen börjar i din hemkatalog på LiU, inte i någon lokal katalog på din egen dator. Du kan också öppna en terminal genom View → Terminal.
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.
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.
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.
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.
Dela med dig av länken
Skicka länken till den person du vill ska kunna redigera dina filer tillsammans med dig.
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å.
Ansluta som deltagare
För att ansluta till en Live Share-session behöver du
- installera Live Share och sedan
- logga in enligt ovan.
- 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-10-21