Harjoitus – Käytä Visual Studio Code for the Webiä

  • 2 minuuttia

Ennen kuin voit aloittaa koodaamisen liikkeellä ollessasi, sinun on tutustuttava Ensin Visual Studio Code for the Webiin.

Tässä harjoituksessa tutustut VS Codeen WEB-käyttöliittymässä ja harjoittelet laajennuksen asentamista.

Tutustut ensin VS Code for the Webin käyttöliittymään.

  1. Siirry selaimessa osoitteeseen https://vscode.dev

  2. Selaimen käyttökokemus näyttää samalta kuin VS Code Desktopissa. Käytettävissäsi on esimerkiksi editorialue, komentovalikoima ja useita näkymiä, kuten lähdehallinnan resurssienhallinta ja laajennukset. Tämä liittymä tarjoaa yhdenmukaisen käyttökokemuksen käyttäessäsi selainta.

    Näyttökuva vscode.dev aloitussivusta.

Laajennuksen asentaminen

Nyt voit mukauttaa VS Code for the Webiä asentamalla laajennuksen.

  1. Napsauta sivupalkissa Laajennukset-näkymää.

    Näyttökuva VS Coden toimintopalkin laajennusnäkymäkuvakkeesta.

  2. Täältä näet, mitä laajennuksia on jo asennettu, ja voit selata muita laajennuksia.

  3. Yritä asentaa GitHub-teemalaajennus etsimällä "github-teema"

  4. Valitse GitHub-teemalaajennus ja valitse Asenna.

    Näyttökuva VS Coden GitHub-teemalaajennuksesta, jossa hakuruutu ja Asenna-painike näkyvät korostettuina.

  5. Huomaa, miten nopeasti laajennus asennetaan selaimessa!

Hyvää työtä! Olet suorittanut ensimmäisen siirtymisen VS Code for the Webiin. Tämä voi olla ensimmäinen kerta, kun selaat https://vscode.dev, mutta sen pitäisi näyttää tutulta, jos olet käyttänyt VS Code Desktopia.

Seuraavassa osiossa opit käsittelemään VERKON VS Coden etäsäilöjä.