Visual Studio Code
Visual Studio Code har de siste årene vært verdens mest populære kildekodeeditor. Men i skolen er programmet relativt lite brukt. Programmet har mange muligheter og har mye funksjonalitet som synshemmede kan dra nytte av.
Denne beskrivelsen forklarer hvordan du installerer Visual Studio Code for programmering i Python. Husk at du må installere Python før du installerer Visual Studio Code.
-
Last ned nyeste versjon av Python fra python.org/downloads.
-
Kjør installasjonen.
-
Kryss av for Add python.exe to PATH.
-
Velg Install Now.
-
Velg Close når installasjonen er ferdig.
-
Last ned Visual Studio Code fra code.visualstudio.com.
-
Kjør installasjonen.
-
Velg I accept the agreement og behold standardvalgene gjennom hele veiviseren.
-
Åpne programmet.
-
Åpne Explorer (Ctrl+Shift+E) og legg merke til at du får fram et nytt felt til venstre i programvinduet.
-
I Explorer-feltet vil det stå: «You have not yet opened a folder».
-
Velg knappen Open Folder eller bruk Ctrl+K etterfulgt av Ctrl+O.
-
Du får fram en dialogboks. Opprett en ny mappe og gi den et beskrivende navn, for eksempel koding, programmering e.l. Gå inn i den nye mappen og velg deretter knappen Velg mappe.
- Velg Yes, I trust the authors for å bekrefte at du stoler på alle filene som vil bli lagret i denne mappen.
- Mappen du valgte vil nå bli brukt av Visual Studio Code. Alle filer du oppretter blir lagret i denne mappen. Programmet vil bruke den samme mappen hver gang du åpner Visual Studio Code.
Visual Studio Code støtter i utgangspunktet bare programmeringsspråkene JavaScript, TypeScript, HTML og CSS. Men programmet støtter likevel nesten alle de viktigste språkene, men det vil kreve såkalte Extensions. For å programmere i Python, må du derfor installere en Python-extension.
-
Åpne Extensions-feltet (Ctrl+Shift+X).
-
Søk etter python fra søkefeltet øverst i Extensions-feltet. Installer utvidelsen Python fra Microsoft ved å velge den blå Install-knappen. Dette vil samtidig gi deg støtte for Jupyter Notebook.
-
Start Visual Studio Code på nytt.
For at Visual Studio Code skal fungerer best mulig for elever som bruker punktskrift, anbefaler vi en extension som kalles Recommended Settings fra Statped.
-
Åpne Extensions-feltet (Ctrl+Shift+X).
-
Søk etter recommended settings fra søkefeltet øverst i Extensions-feltet. Installer utvidelsen Recommended Settings fra Statped ved å velge den blå Install-knappen.
-
Start Visual Studio Code på nytt.
Du kan lese Microsofts egen informasjon om accessibility her: https://code.visualstudio.com/docs/editor/accessibility.
Visual Studio Code har gode tilpasningsmuligheter, mange hurtigtaster og fungerer godt med hjelpemiddelteknologi:
-
Tilpasning av farger og kontrast
-
Tilpasning av programvinduets utseende
-
Forstørring
-
Støtte for skjermlesere
-
Mange hurtigtaster
-
Veksling av Tab-funksjonalitet
Til sammen kan dette gjøre at en del elever med moderat og alvorlig synssvekkelse som leser visuelt kan klare seg uten ressurskrevende skjermforstørringsprogram. Det finnes imidlertid ikke tilpasningsmuligheter for pekere (mus, markør), men dette kan man i stedet oppnå direkte i Windows (Win+U).
Programmet har god støtte for skjermlesere, men ikke alle fungerer like godt. NVDA og JAWS fungerer bra, mens Supernova fungerer mindre godt.
| Kommando | Hurtigtast |
|---|---|
| Ny fil | Ctrl+N |
| Lagre fil | Ctrl+S |
| Åpne fil | Ctrl+O |
| Problems (feil og advarsler) | Ctrl+Shift+M |
| Gå til terminal | Ctrl+Ø |
| Gå til editor (fil) | Ctrl+1 |
| Explorer (filutforsker) | Ctrl+Shift+E |
| Kommando | Hurtigtast |
|---|---|
| Color Theme (fargeoppsett) | Ctrl+K, Ctrl+T |
| File Icon Theme (visning av ikoner) | Ctrl+Shift+P, søk etter “file icon theme” |
| Zoom | Ctrl++/Ctrl+- |
| Zen mode (enkelt oppsett) | Ctrl+K, Z |
| Sidebar vis/skjul | Ctrl+B |
| Panel vis/skjul | Ctrl+J |
Full oversikt over Visual Studio Codes hurtigtaster: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
Klikk for å utvide.
Grensesnittet består grovt sett av tre hoveddeler: én del for selve editoren, én for Panel (med blant annet Terminal og Debug console), og én for Side bar (med blant annet filutforsker og extensions). Helt konkret hva som skal vises i de tre delene, bestemmes med hurtigtaster, men du kan også skjule både Panel og Side bar for å få et enklere oppsett.
Du kan velge blant mange fargeoppsett. Her finnes det både lyse oppsett, mørke oppsett og et som gir deg høykontrastfarger. Bruk Pil opp eller Pil ned for å velge ønsket oppsett fra lista. Oppsettet endres automatisk når du piler, slik at du umiddelbart får et inntrykk av hvordan de fungerer for deg. Det er mulig å installere flere oppsett eller tilpasse oppsett etter dine egne behov.
Du kan også velge hvordan ikoner i grensesnittet skal vises (Ctrl+Shift+P, skriv "theme", og velg File Icon Theme). Du kan velge mellom Seti (standard), Minimal og None. Det kan være hensiktsmessig å endre eller fjerne ikonene helt. Oppsettet Minimal viser et forenklet oppsett der alle filer vises med samme forenklede symbol med samme farge. Oppsettet None fjerner ikonene helt. Det er også mulig å installere flere oppsett.
Når du velger Explorer, kommer du inn i en liste med mapper og filer som tilhører valgt mappe eller workspace. Her brukes en vanlig trestruktur der du kan vise/skjule en mappe med Pil høyre og Pil venstre. Det beste er kanskje å bruke piltastene for å navigere. Leselist følger med både for JAWS og NVDA, men det er bare med JAWS du kan navigere med selve leselisten. Explorer har mange tastekommandoer som du kjenner fra andre sammenhenger: Pil høyre viser innholdet i en mappe, Pil venstre skjuler innholdet, Enter åpner en fil, Delete sletter en fil, mens Shift+F10 åpner hurtigmenyen for en fil eller mappe.
Ikonene som står øverst til høyre i Explorer, vises bare når muspeker befinner seg i dette området. Disse er New File, New Folder, Refresh Explorer og Collapse Folders in Explorer. Det er litt utfordrende å finne disse med skjermleseren, men det er uansett bedre å bruke hurtigtaster, Fil-menyen eller hurtigmenyen (Shift+F10) når du har behov for noen av disse funksjonene.
Søkefunksjonen søker i valgt mappe eller workspace. Du kommer direkte inn i søkefeltet. Skriv inn et søkebegrep og trykk Enter. For å komme til lista over treff, må du trykke Tab til talen sier trevisning. Trykk så Pil ned for å komme til første treff. Her brukes den samme trestrukturen som i Explorer. Leselist følger, men det er bare med JAWS du kan bruke leselisttastene til å navigere i trefflista.
Her vises alle extensions (utvidelser), både de du søker etter, de som er installert, anbefalt osv. Du kommer direkte inn i et søkefelt. Treffene du får viser både installerte og ikke installerte utvidelser. Det går an å filtrere søkebegrepet ved å skrive et søkebegrep etterfulgt av mellomrom og @. Da får du fram en liste over filtre du kan velge fra. Eksempler på søk med filter kan være: "python @installed" eller "python @sort:rating". I lista over utvidelsene følger ikke leselist med, men du kan bruke den syntetiske talen. Bruk Pil opp og ned for å bla. JAWS har en lei tendens til plutselig å bytte til virtuell PC-markør. Dermed hopper fokus ut av lista. For å unngå dette kan du slå av den virtuelle PC-markøren midlertidig (Ins+Z).
Dette er en måte å åpne en nylig brukt fil på uten å bruke Explorer. Den kan også brukes til å bytte mellom flere åpne filer. Velg fra lista med Pil opp og ned, og trykk deretter Enter. Du kommer da rett inn i fila du valgte. Hvis du bruker JAWS, kan du også bruke leselisttastene til å bla i denne lista, men dette fungerer ikke med NVDA.
I panelet Problems vil du se en liste over feil og advarsler. Vær klar over at lista viser feil og advarsler for alle åpne filer. Lista navigeres med Pil opp og ned, men for JAWS kan også leselisttastene brukes. Lista viser både linjenummer og posisjon på linja der en feil befinner seg. Trykker du Enter, vil du komme tilbake til fila nøyaktig på stedet der feilen befinner seg.
Akkurat hvilke feil og advarsler som vil vises, avhenger av innstillingene du har gjort. Bruker du standardinnstillingene, kan du få advarsler om for eksempel «unused imports». Disse kan forekomme mange ganger og være forvirrende. Men det er mulig å justere innstillingene for hva som skal vises på detaljnivå. Se anbefalinger under avsnittet Relevante innstillinger.
Dette er en enklere måte å vise feil og advarsler på enn å bruke F8/Shift+F8 (se Errors and Warnings nedenfor).
Ved debugging vises resultatet av debuggingen seg i panelet Terminal (Ctrl+Ø). Vær klar over at Terminal kan inneholde flere terminaler eller konsoller. Du kan bytte terminal med kommandoen Ctrl+Shift+P, skrive «active terminal» og velg kommandoen Switch Active Terminal som kommer fram i lista. Du får da fram en ny liste over tilgjengelige konsoller/terminaler. Men Visual Studio Code vil vanligvis velge riktig terminal selv. Hvis du kjører et Python-program du har laget, velges Python Debug Console eller tilsvarende automatisk.
Du kan lese innholdet i et terminalvindu med Ctrl+Pil opp og Ctrl+Pil ned. Både tale og leselist følger med, men det virker litt ustabilt med JAWS. Det kan være nødvendig å bruke Ins+Z for å slå virtuell PC-markør på eller av. Dessuten kan det være litt utfordrende å veksle mellom navigeringen i vinduet og muligheten til å skrive kommandoer i terminalvinduet (eventuelt bruke Pil opp og ned for å bla i kommandohistorikken). Det siste kan løses ved å bruke Ctrl+Ø for å gå til terminal. Da vil du komme tilbake til terminalvinduet og ha mulighet til å skrive kommandoer.
Terminalvinduet fungerer bedre med NVDA. Men det er viktig å være klar over at du må forholde deg både til terminalen både i Focus mode og Browse mode. Hvis du skal skrive noe i terminalen (en kommando eller input til et program), må du bruke Forms mode. Forms mode blir valgt automatisk når du går til terminalen. Men hvis du skal lese det som står i terminalen, må du bruke Browse mode. Bruk terminalen slik:
- Gå til terminal (Ctrl+Ø) (du er i Focus mode)
- Du kan begynne å skrive umiddelbart (tale og leselist viser det du skriver, men er upålitelige og markørposisjon på leselist er feil)
- Leselist viser ikke innholdet hvis du bruker autofullfør på kommandoer (Tab)
- Når et program ber om input, vil talen lese dette. Vil du lese dette flere ganger, kan du bruke Ctrl+Pil ned eller Ctrl+Pil opp (du går da i Browse mode)
- For å skrive mer, gå først tilbake til Focus mode med Enter
Det er mulig å bruke en alternativ terminal der du slipper å forholde deg tilø både Froms mode og Browse mode. Du må da åpne PowerShell og kjøre programmene dine der:
- Åpne PowerShell fra Visual Studio Code med Ctrl+Shift+C
- Du kommer inn i PowerShell i samme mappe som du jobbet i Visual Studio Code
- Du vil nå få bedre tale- og leseliststøtte
- Innholdet i vinduet kan leses med Num 7 og Num 9
- Gå tilbake til Visual Studio Code med Alt+Tab (du trenger ikke lukke PowerShell)
- For å gå tilbake til PowerShell igjen, bruk Alt+Tab
Tabulator-tasten kan brukes på to måter. Standard er at Tab setter inn et tabulatortegn, mens alternativet er at Tab navigerer i grensesnittet.
Command Palette er en slags søkefunksjon som kan brukes nesten uansett hva du ønsker å gjøre. Command Palette gjør at du kan jobbe uten å være avhengig av mus. Eksempler på bruk: åpne en fil, endre brukerinnstillingene, endre størrelse på gruppen Panel, og velge interpreter. Den kan også brukes til å finne en hurtigtast. Bruk Pil opp og Pil ned for å navigere i lista som kommer fram når du søker. Tale og leselist følger for både JAWS og NVDA, men det er vanskelig å navigere med leselist.
IntelliSense er en funksjonalitet som blant annet gir deg code completion (forslag underveis i kodingen) og tilgang til dokumentasjon. En liste med forslag dukker opp automatisk når du skriver kode, men det går også an å vise lista manuelt med Ctrl+Mellomrom. Når lista over forslag er åpen, kan du trykke Ctrl+Mellomrom enda en gang for å vise/skjule dokumentasjon for det som er i fokus i lista. Bla i lista ved hjelp av Ctrl+Pil opp og Ctrl+Pil ned. JAWS og NVDA viser både forslagene og dokumentasjonen med tale og leselist, men her kan du ikke navigere med leselist. Du kan gå ut av lista med Escape.
Når du blar i lista over forslagene, risikerer du at JAWS bytter til virtuell PC-markør. Men den kan slås midlertidig av med Ins+Z.
Det går an å deaktivere code completion hvis ønskelig. Code completion er nyttig, men gjør det samtidig mer utfordrende å skrive kode. Se mer under Relevante innstillinger nedenfor. I innstillingene kalles dette for editor.quickSuggestions.
Med Line Actions kan du kopiere, flytte og slette hele linjer med kode. Denne funksjonaliteten fungerer fint med både JAWS og NVDA.
Dette kan brukes for å endre alle forekomster av et ord i en fil, for eksempel et variabelnavn. Dette fungerer verken med JAWS eller NVDA.
Formaterer en fil slik at innrykkene blir i henhold til syntaksen. Dette fungerer med JAWS og NVDA.
Denne funksjonaliteten viser eller skjuler blokker av programkoden etter behov.
-
JAWS: Selve funksjonen fungerer, men er likevel ubrukelig. Skal du vise en skjult kodeblokk (Ctrl+Shift+Å), må du bruke JAWS-funksjonen Slipp tast gjennom først. Men JAWS lar deg ikke få vite om koden er skjult eller ikke. Bruker du leselist (tastene Ned eller Neste), vises all kode uansett, både den som er skjult og den som er synlig.
-
NVDA: Fungerer, men kan være vanskelig å bruke. Tre prikker på slutten av en kodelinje indikerer at denne kodeblokken er skjult. Men disse prikkene vises ikke på leselist og leses heller ikke med talen.
Denne funksjonen brukes til å gå direkte gjennom en fil for å finne feil og advarsler. Feil og advarsler vises ved hjelp av en slags popup direkte under den aktuelle linja i fila. Hver gang du trykker F8, kommer du til neste feil.
-
NVDA og JAWS: F8 tar deg automatisk til neste feil eller advarsel i koden. Talen leser dette automatisk, men feilmeldingen kommer ikke fram på leselist.
-
I stedet for å bruke denne funksjonen, er det bedre å vise feil og advarsler i panelet Problems (Ctrl+Shift+M) (beskrevet tidligere).
-
Verken JAWS eller NVDA viser som standard noen av tekstattributtene som brukes i editoren (utheving og understrekning i ulike farger).
Dette tastetrykket åpner lista over alle funksjoner i programmet og de hurtigtastene som er tilordnet. Her kan du legge til dine egne. Vær klar over at ikke alle funksjoner i programmet har tilordnet hurtigtaster som standard.
-
JAWS og NVDA: Man kan navigere i koden både med piltastene og leselista. Innrykk i koden vises. Men navigering med leselist kan være upålitelig.
-
Når du bruker markørhenterne med JAWS, må du ofte trykke to ganger før markøren kommer til riktig celle. Det vil si, markøren kommer alltid til riktig sted, men oppdateres ikke alltid på leselista. Med NVDA ser ikke dette ut til å være noe problem.