Visual Studio Code VT1
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.
Notera att under första halvan av kursen kommer vi INTE använda oss av Visual Studio Codes Python-extension!
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. Om VSCode föreslår att du ska installera en Python-extension, gör INTE det.
Öppna en katalog i VSCode
Istället för att öppna en enskild fil rekommenderar vi att du öppnar katalogen där filen ligger. Detta gör det mycket enklare när man behöver hantera flera olika filer och för att visualisera katalogstrukturen. Du gör detta genom menyalternativet File → Open Folder.
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 i VSCode (menyalternativet View → 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 om du inte sitter på campus (och ibland även om du sitter på campus).
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.
- Anslut till LiUs VPN om du inte är på campus.
Installera tillägget
Öppna VSCode på din egen dator och gå till tilläggsfliken. 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 beroende på ditt färgtema för VSCode.
- 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 om du inte vet vad det innebär och har särskilda skäl att välja något annat.
-
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 menyalternativet 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. Detta är främst rekommenderat för studenter med mer robust datorvana.
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.
Vi har inte testat huruvida Live Share fungerar tillsammans med Remote SSH.
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: 2025-01-19