Guide: Sådan forbinder du Visual Studio Code til dit webhotel via FTP-Simple

Vil du gøre dit arbejde lettere ved at forbinde Visual Studio Code (VS Code) direkte til dit webhotel via FTP? Her er en trin-for-trin-guide til, hvordan du opsætter og bruger udvidelsen FTP-Simple til dette formål.

Trin 1: Installer FTP-Simple

  1. Åbn Visual Studio Code.
  2. Klik på Extensions-ikonet i venstre værktøjslinje (eller brug tastaturgenvejen Ctrl+Shift+X på Windows/Linux eller Cmd+Shift+X på macOS).
  3. Skriv FTP-Simple i søgefeltet.
  4. Klik på Install ved siden af FTP-Simple-udvidelsen.

Trin 2: Konfigurer FTP-Simple

Når du har installeret FTP-Simple, skal du konfigurere forbindelsen til dit webhotel:

  1. Åbn Command Palette:
    • På Windows/Linux: Ctrl+Shift+P
    • På macOS: Cmd+Shift+P
  2. Skriv og vælg: FTP-Simple: Config - FTP Connections.

Dette åbner en konfigurationsfil, hvor du kan indtaste dine FTP-oplysninger. Den ser typisk sådan ud:

[  
    {  
        "name": "MyWebhotel",  
        "host": "ftp.ditwebhotel.dk", // FTP-serverens adresse  
        "port": 21,                   // Typisk port 21 for FTP  
        "type": "ftp",                // Eller "sftp" for sikker forbindelse  
        "username": "brugernavn",     // Dit FTP-brugernavn  
        "password": "adgangskode",    // Dit FTP-adgangskode  
        "path": "/",                  // Standard fjernmappe, fx "/public_html"  
        "autosave": true              // Automatisk upload ved gem  
    }  
]  

Udfyld oplysningerne:

  • name: Giv forbindelsen et sigende navn, fx “MitWebhotel”.
  • host: Indtast FTP-serverens adresse. Denne kan typisk findes i kontrolpanelet hos din webhoteludbyder.
  • port: Brug 21 for FTP eller 22 for SFTP (hvis SSL bruges).
  • username: Dit FTP-brugernavn.
  • password: Din FTP-adgangskode. Husk, at adgangskoden gemmes i klar tekst.
  • path: Angiv den mappe, hvor dine filer ligger (fx /public_html).

Gem filen ved at trykke Ctrl+S eller Cmd+S.

Trin 3: Forbind til webhotellet

Nu er det tid til at åbne forbindelsen og se dine webhotel-filer direkte i VS Code:

  1. Åbn Command Palette (Ctrl+Shift+P eller Cmd+Shift+P).
  2. Skriv og vælg: FTP-Simple: Remote Directory Open to Workspace.
  3. Vælg den forbindelse, du lige har opsat (fx “MyWebhotel”).

Dine fjernfiler vises nu i arbejdsområdet i VS Code.


Trin 4: Arbejd med filer

Nu kan du nemt arbejde med dine webhotel-filer direkte i Visual Studio Code:

  • Rediger filer: Dobbeltklik på en fil for at åbne og redigere den.
  • Gem ændringer: Når du gemmer filen (Ctrl+S eller Cmd+S), uploades ændringerne automatisk til serveren (hvis autosave er aktiveret).
  • Manuel upload/download:
    • Højreklik på en fil i arbejdsområdet, og vælg mellem muligheder som “Upload” eller “Download”.

FAQ: Ofte stillede spørgsmål om FTP-forbindelse i Visual Studio Code

Hvor finder jeg mine FTP-oplysninger?

De fleste webhotel-udbydere gør det nemt at finde dine FTP-oplysninger direkte i deres kontrolpanel. Her er links til vejledninger for nogle af de mest populære udbydere:
Simply.com: Sådan finder du dit FTP-login
One.com: Brug af FTP
Hvis din udbyder ikke er nævnt her, kan du finde oplysningerne i din velkomstmail fra udbyderen eller ved at kontakte deres support. Typisk skal du bruge:
FTP-host (serveradresse): Fx ftp.ditdomæne.dk
Brugernavn: Dit FTP-login, ofte samme som dit domænenavn.
Adgangskode: Den adgangskode, du har oprettet til FTP-kontoen.

Hvad gør jeg, hvis jeg ikke kan oprette forbindelse?

Tjek dine FTP-oplysninger: Sørg for, at du har angivet korrekt serveradresse, brugernavn og adgangskode.
Sikker forbindelse (SFTP): Hvis din udbyder kræver en sikker forbindelse, skal du ændre "type": "ftp" til "type": "sftp".
Firewall eller netværksproblemer: Nogle gange blokerer din firewall eller dit netværk FTP-forbindelser. Tjek, om port 21 (eller 22 for SFTP) er åben.
Kontakt din udbyder: Hvis alt andet fejler, kan du kontakte din udbyders supportteam for at få hjælp.

Hvad er forskellen på FTP og SFTP?

FTP (File Transfer Protocol): En ældre protokol til filoverførsel, der ikke krypterer data.
SFTP (Secure File Transfer Protocol): En sikker version af FTP, der krypterer data ved hjælp af SSH.
For maksimal sikkerhed anbefales det at bruge SFTP, hvis din udbyder understøtter det.

Kan jeg arbejde offline med FTP-Simple?

Ja, du kan arbejde lokalt i dine filer og først uploade dem til serveren, når du er færdig. Hvis du vil aktivere manuel upload:
Åbn din FTP-Simple-konfigurationsfil.
Sæt "autosave": false.
Upload filer manuelt ved at højreklikke på dem og vælge “Upload”.

Leave a Reply