vscodeAan de slag met vscode


Opmerkingen

Deze sectie geeft een overzicht van wat vscode is en waarom een ontwikkelaar het misschien wil gebruiken.

Het moet ook grote onderwerpen binnen vscode vermelden en een link naar de gerelateerde onderwerpen bevatten. Aangezien de documentatie voor vscode nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

versies

Versie Publicatiedatum
0.10.1-extensionbuilders 2015/11/13
0.10.1 2015/11/17
0.10.2 2015/11/24
0.10.3 2015/11/26
0.10.5 2015/12/17
0.10.6 2015/12/19
Moment van schrijven is0.10.7-insiders 2016/01/29
0.10.8 2016/02/05
0.10.8-insiders 2016/02/08
0.10.9 2016/02/17
0.10.10-insiders 2016/02/26
0.10.10 2016/03/11
0.10.11 2016/03/11
0.10.11-insiders 2016/03/11
0.10.12-insiders 2016/03/20
0.10.13-insiders 2016/03/29
0.10.14-insiders 2016/04/04
0.10.15-insiders 2016/04/11
1.0.0 2016/04/14
1.1.0-insider 2016/05/02
1.1.0 2016/05/09
1.1.1 2016/05/16
1.2.0 2016/06/01
1.2.1 2016/06/14
1.3.0 2016/07/07
1.3.1 2016/07/12
1.4.0 2016/08/03
vertaling / 20.160.817,01 2016/08/17
vertaling / 20.160.826,01 2016/08/26
vertaling / 20.160.902,01 2016/09/02
1.5.0 2016/09/08
1.5.1 2016/09/08
1.5.2 2016/09/14
1.6.0 2016/10/10
1.6.1 2016/10/13
vertaling / 20.161.014,01 2016/10/14
vertaling / 20.161.028,01 2016/10/28
1.7.0 2016/11/01
1.7.1 2016/11/03
vertaling / 20.161.111,01 2016/11/12
vertaling / 20.161.118,01 2016/11/19
1.7.2 2016/11/22
vertaling / 20.161.125,01 2016/11/26
vertaling / 20.161.209,01 2016/12/09
1.8.0 2016/12/14
1.8.1 2016/12/20
vertaling / 20.170.123,01 2017/01/23
vertaling / 20.172.701,01 2017/01/27
1.9.0 2017/02/02
vertaling / 20.170.127,01 2017/02/03
vertaling / 20.170.203,01 2017/02/03
1.9.1 2017/02/09
vertaling / 20.170.217,01 2017/02/18
vertaling / 20.170.227,01 2017/02/27
1.10.0 2017/03/01
1.10.1 2017/03/02
1.10.2 2017/03/08
vertaling / 20.170.311,01 2017/03/11
vertaling / 20.170.317,01 2017/03/18
vertaling / 20.170.324,01 2017/03/25
vertaling / 20.170.331,01 2017/03/31
1.11.0 2017/04/06
1.11.1 2017/04/06
vertaling / 20.170.407,01 2017/04/07
1.11.2 2017/04/13

Eerste programma (C ++): Hallo World.cpp

Dit voorbeeld laat je kennismaken met de basisfunctionaliteit van VS Code door te demonstreren hoe je een "hallo wereld" -programma schrijft in C ++. Controleer voordat u doorgaat of de extensie " ms-vscode.cpptools " is geïnstalleerd.

Initialiseer het project

De eerste stap is het maken van een nieuw project. Laad hiervoor het VS Code-programma. Je zou moeten worden begroet met het typische welkomstscherm: voer hier de afbeeldingsbeschrijving in

Selecteer " Start "> " Nieuw bestand " in het welkomstscherm om het eerste programma te maken. Dit opent een nieuw bestandsvenster. Ga je gang en sla het bestand (" Bestand "> " Opslaan ") op in een nieuwe map. U kunt de map een willekeurige naam geven, maar in dit voorbeeld wordt de map " VSC_HelloWorld " en het bestand " HelloWorld.cpp " genoemd.

Schrijf nu het eigenlijke programma (voel je vrij om de onderstaande tekst te kopiëren):

#include <iostream>

int main()
{
    // Output the hello world text
    std::cout << "Hello world!" << std::endl;
    return 0;
}
 

Super goed! Je zult ook merken dat omdat je de extensie " ms-vscode.cpptools " hebt geïnstalleerd, je ook behoorlijk code-highlighting hebt. Laten we nu verder gaan met het uitvoeren van de code.

Het script uitvoeren (basis)

We kunnen " HelloWorld.cpp " uitvoeren vanuit VS Code zelf. De eenvoudigste manier om een dergelijk programma uit te voeren, is door de geïntegreerde terminal te openen (" View "> " Integrated Terminal "). Dit opent een terminalvenster in het onderste gedeelte van de weergave. Vanuit deze terminal kunnen we naar onze aangemaakte directory navigeren, het script dat we hebben geschreven bouwen en uitvoeren. voer hier de afbeeldingsbeschrijving in Hier hebben we de volgende opdrachten gebruikt om de code te compileren en uit te voeren:

$ g++ HelloWorld.cpp -o hellowold
$ ./hellowold
 

Merk op dat we de verwachte Hello World! output.

Het script uitvoeren (iets geavanceerder)

Geweldig, maar we kunnen VS Code rechtstreeks gebruiken om de code ook te bouwen en uit te voeren. Hiervoor moeten we eerst de map " VSC_HelloWorld " in een werkruimte veranderen. Dit kan gedaan worden door:

  1. Het Explorer- menu openen (uiterst bovenaan in het verticale menu uiterst links)
  2. Selecteer de knop Map openen
  3. Selecteer de map " VSC_HelloWorld " waarin we hebben gewerkt. voer hier de afbeeldingsbeschrijving in Opmerking: als u een map in VS Code opent (bijvoorbeeld met " Bestand "> " Openen ... "), bevindt u zich al in een werkruimte.

Het Explorer- menu geeft nu de inhoud van de map weer.

Vervolgens willen we de daadwerkelijke taken definiëren die VS Code moet uitvoeren. Selecteer hiervoor " Taken "> " Standaard build-taak configureren ". Selecteer " Overige " in het vervolgkeuzemenu. Dit opent een nieuw bestand met de naam " taken.json " dat enkele standaardwaarden voor een taak bevat. We moeten deze waarden veranderen. Werk dit bestand bij met het volgende en sla het op:

{
    "version": "2.0.0",
    "tasks": [
        {
            "taskName": "build",
            "type": "shell",
            "command": "g++ HelloWorld.cpp -o helloworld"
        },
        {
            "taskName": "run",
            "type": "shell",
            "command": "${workspaceRoot}/helloworld"
        }
    ]
}
 

Merk op dat het bovenstaande ook een verborgen .vscode- map in onze werkmap maakt. Hier plaatst VS Code configuratiebestanden, inclusief eventuele projectspecifieke instellingenbestanden. Meer informatie over taken vindt u hier .

In het bovenstaande voorbeeld verwijst ${workspaceRoot} naar de map op het hoogste niveau van onze werkruimte, onze map " VSC_HelloWorld ". Selecteer nu het project vanuit de methode " Taken "> " Run Build Task ... " en selecteer onze gemaakte " build " -taak en " Doorgaan zonder de taakuitvoer te scannen " uit de vervolgkeuzemenu's die verschijnen. Vervolgens kunnen we het uitvoerbare bestand uitvoeren met " Taken "> " Taak uitvoeren ... " en de " uitvoeren " taak selecteren die we hebben gemaakt. Als u de geïntegreerde terminal open hebt, zult u merken dat de "Hallo wereld!" tekst wordt daar afgedrukt.

Het is mogelijk dat de terminal sluit voordat u de uitvoer kunt bekijken. Als dit gebeurt, kunt u een coderegel zoals deze in int i; std::cin >> i; invoegen int i; std::cin >> i; net voor de instructie return aan het einde van de functie main() . U kunt het script vervolgens beëindigen door een willekeurig nummer te typen en op <Enter> te drukken.

En dat is het! U kunt nu beginnen met het schrijven en uitvoeren van uw C ++ -scripts vanuit VS Code.

Eerste stappen (C ++): HelloWorld.cpp

Het eerste programma dat je meestal in elke taal schrijft, is het script 'Hallo wereld'. Dit voorbeeld laat zien hoe dit programma te schrijven en te debuggen met behulp van Visual Studio Code (vanaf nu zal ik Visual Studio Code als VS-code noemen).

Maak het project

Stap 1 is het maken van een nieuw project. Dit kan op verschillende manieren. De eerste manier is rechtstreeks vanuit de gebruikersinterface.

  1. Open VS Code-programma. U wordt begroet met het standaard welkomstscherm (merk op dat de afbeeldingen zijn gemaakt terwijl u op een Mac werkt, maar ze moeten vergelijkbaar zijn met uw installatie): VS Code welkomstscherm
  1. Selecteer Nieuw bestand in het menu Start . Dit opent een nieuw bewerkingsvenster waar we kunnen beginnen met het samenstellen van ons script. Ga je gang en sla dit bestand op (je kunt hiervoor het menu Bestand > Opslaan gebruiken). Voor dit voorbeeld zullen we het bestand HelloWorld.cpp aanroepen en in een nieuwe map plaatsen die we VSC_HelloWorld / zullen noemen.

  2. Schrijf het programma. Dit zou vrij eenvoudig moeten zijn, maar voel je vrij om het volgende in het bestand te kopiëren:

#include <iostream>

int main() {
   std::cout << "Hello world!" << std::endl;
   return 0;
}
 

Voer de code uit

Vervolgens willen we het script uitvoeren en de uitvoer controleren. Er zijn een aantal manieren om dit te doen. Het eenvoudigste is om een terminal te openen en naar de map te navigeren die we hebben gemaakt. U kunt nu het script compileren en uitvoeren met gcc door te typen:

$ g++ HelloWorld.cpp -o helloworld
$ ./helloworld
Hello World!
 

Yay, het programma werkte! Maar dit is niet echt wat we willen. Het zou veel beter zijn als we het programma vanuit VSCode zelf zouden kunnen uitvoeren. Maar we hebben geluk! VSCode heeft een ingebouwde terminal die toegankelijk is via het menu " Beeld "> " Geïntegreerde terminal ". Dit opent een terminal in de onderste helft van het venster van waaruit u naar de map VSC_HelloWorld kunt navigeren en de bovenstaande opdrachten kunt uitvoeren.

Meestal doen we dit door een Run-taak uit te voeren . Selecteer in het menu " Taken "> " Taak uitvoeren ... ". U zult merken dat u een kleine pop-up boven in het venster krijgt met een foutmelding (iets in de trant van

Installatie of instellingen

Op Windows

  • Download het Visual Studio Code- installatieprogramma voor Windows.
  • Nadat het is gedownload, voert u het installatieprogramma (VSCodeSetup-version.exe) uit. Dit duurt slechts een minuutje.

VS Code wordt standaard geïnstalleerd onder C: \ Program Files (x86) \ Microsoft VS Code voor een 64-bits machine.

Opmerking: .NET Framework 4.5.2 is vereist voor VS-code. Als u Windows 7 gebruikt, zorg er dan voor dat .NET Framework 4.5.2 is geïnstalleerd.

Tip: Setup voegt optioneel Visual Studio Code toe aan uw% PATH%, dus vanaf de console kunt u 'code' typen. om VS-code in die map te openen. U moet uw console na de installatie opnieuw opstarten om de wijziging van de omgevingsvariabele% PATH% van kracht te laten worden.

Op Mac

  • Download Visual Studio Code voor Mac.
  • Dubbelklik op het gedownloade archief om de inhoud uit te vouwen.
  • Sleep Visual Studio Code.app naar de map Programma's, zodat deze beschikbaar is in het Launchpad.
  • Voeg VS Code toe aan uw Dock door met de rechtermuisknop op het pictogram te klikken en Opties, Keep in Dock te kiezen.

U kunt VS Code ook vanaf de terminal uitvoeren door 'code' te typen nadat u deze aan het pad hebt toegevoegd:

  • Start VS-code.
  • Open het opdrachtpalet (Ctrl + Shift + P) en typ 'shell command' om de opdracht Shell Command: Install 'code' te vinden in de opdracht PATH.

Start de terminal opnieuw om de nieuwe $ PATH-waarde van kracht te laten worden. U kunt 'code' typen. in een map om bestanden in die map te bewerken.

Opmerking: als u nog steeds de oude code-alias in uw .bash_profile (of equivalent) van een vroege VS-codeversie hebt, verwijdert u deze en vervangt u deze door de opdracht Shell Command: Install 'code' uit te voeren in de opdracht PATH.

Op Linux

Op Debian en Ubuntu gebaseerde distributies

De eenvoudigste manier om op Debian / Ubuntu gebaseerde distributies te installeren, is het .deb-pakket (64-bit) te downloaden en te installeren via het grafische softwarecentrum (indien beschikbaar) of via de opdrachtregel met:

sudo dpkg -i <file>.deb
sudo apt-get install -f # Install dependencies
 

Als u het .deb-pakket installeert, worden automatisch de apt-repository en handtekeningsleutel geïnstalleerd om automatisch bijwerken met behulp van het normale systeemmechanisme mogelijk te maken. Merk op dat de 32-bit en .tar.gz binaire bestanden ook beschikbaar zijn op de downloadpagina.

De repository en sleutel kunnen ook handmatig worden geïnstalleerd met het volgende script:

curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
sudo mv microsoft.gpg /etc/apt/trusted.gpg.d/microsoft.gpg
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'
 

Werk vervolgens de pakketcache bij en installeer het pakket met:

sudo apt-get update
sudo apt-get install code # or code-insiders for insiders build
 

Op RHEL, Fedora en CentOS gebaseerde distributies

We verzenden momenteel de stabiele 64-bit VS-code in een yum-repository, het volgende script installeert de sleutel en repository:

sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'
 

Werk vervolgens de pakketcache bij en installeer het pakket met dnf (Fedora 22 en hoger):

dnf check-update
sudo dnf install code
 

Of op oudere versies die yum gebruiken:

yum check-update
sudo yum install code
 

op openSUSE en SLE gebaseerde distributies

De bovenstaande yum-repository werkt ook voor op openSUSE en SLE gebaseerde systemen, het volgende script installeert de sleutel en repository:

sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ntype=rpm-md\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/zypp/repos.d/vscode.repo'
 

Werk vervolgens de pakketcache bij en installeer het pakket met:

sudo zypper refresh
sudo zypper install code
 

AUR-pakket voor Arch Linux

Er is een community-onderhouden Arch User Repository (AUR) -pakket voor VS Code.

.Rpm-pakket handmatig installeren Het .rpm-pakket (64-bits) kan ook handmatig worden gedownload en geïnstalleerd, maar automatisch bijwerken werkt niet tenzij de bovenstaande opslagplaats is geïnstalleerd. Eenmaal gedownload kan het worden geïnstalleerd met behulp van uw pakketmanager, bijvoorbeeld met dnf:

sudo dnf install <file>.rpm
 

Merk op dat de 32-bit en .tar.gz binaire bestanden ook beschikbaar zijn op de downloadpagina .