--- title: "Zarządzaj hostingiem za pomocą Visual Studio Code przez SFTP" description: "Zarządzanie stroną WWW na hostingu za pomocą kodu Visual Studio Code z rozszerzeniem SFTP" url: https://docs.ovhcloud.com/pl/guides/web-cloud/web-hosting/handle-sftp-connexion-vscode lang: pl lastUpdated: 2026-06-08 --- # Zarządzaj hostingiem za pomocą Visual Studio Code przez SFTP ## Wprowadzenie Jeśli posiadasz hosting od OVHcloud, zyskasz dostęp do przestrzeni dyskowej umożliwiającej zarządzanie stroną [WWW](http://WWW). Dostęp do przestrzeni dyskowej jest możliwy poprzez protokół SFTP. Chociaż możliwe jest połączenie za pomocą terminala, możesz również użyć zintegrowanego środowiska programistycznego (IDE) Visual Studio Code do zarządzania folderami i plikami strony [WWW](http://WWW). :::info Jeśli chcesz zdalnie zarządzać swoją witryną internetową bez użycia Visual Studio Code, możesz zainstalować klienta FTP FileZilla. Zapoznaj się z naszym przewodnikiem "[Korzystanie z FileZilla na Twoim hostingu OVHcloud](/pl/guides/web-cloud/web-hosting/ftp-filezilla-user-guide.md)". Jeśli chcesz połączyć się ze stroną WWW przez SSH, zapoznaj się z naszą dokumentacją "[Korzystanie z dostępu SSH do hostingu WWW](/pl/guides/web-cloud/web-hosting/ssh-on-webhosting.md)". ::: **Dowiedz się, jak zarządzać stroną WWW przy użyciu Visual Studio Code.** ## Wymagania początkowe - Posiadanie hostingu [OVHcloud](https://www.ovhcloud.com/pl/web-hosting/) - Zainstaluj [Microsoft Visual Studio Code](https://visualstudio.microsoft.com/#vscode-section) na komputerze *** ### Dostęp do Panelu klienta OVHcloud - **Link bezpośredni:** Hosting - **Ścieżka nawigacji:** Web Cloud > Hosting > Wybierz hosting WWW *** ## W praktyce :::warning OVHcloud udostępnia różnorodne usługi, jednak to Ty odpowiadasz za ich konfigurację i zarządzanie nimi. Ponosisz więc odpowiedzialność za ich prawidłowe funkcjonowanie. Oddajemy w Twoje ręce tutorial, którego celem jest pomoc w jak najbardziej optymalnym wykonywaniu bieżących zadań. Niemniej jednak w przypadku trudności zalecamy skorzystanie z pomocy [wyspecjalizowanego dostawcy](https://partner.ovhcloud.com/pl/directory/) lub [Visual Studio Code](https://code.visualstudio.com/) IDE. Niestety firma OVHcloud nie jest w stanie udzielić Ci wsparcia w tym zakresie. Więcej informacji znajduje się w sekcji ["Sprawdź również"](#go-further) tego tutoriala. ::: ### Zainstaluj rozszerzenie SFTP dla Visual Studio Code :::warning W tym tutorialu wybraliśmy rozszerzenie "SFTP/FTP sync" dla _Natizyskunk_. Możesz wybrać inną. Należy jednak pamiętać, że rozszerzenie w Visual Studio Code to oprogramowanie, które jest często tworzone przez niezależnego programistę, który może zatrzymać jego rozwój w dowolnym momencie. ::: Po uruchomieniu Visual Studio Code przejdź do poziomego menu na górze interfejsu, kliknij `View `, a następnie `Extensions `. ![hosting](/images/assets/screens/other/web-tools/vscode/view-extensions.png) Aby wykonać tę samą akcję ze skrótem klawiaturowym, wybierz: - `Ctrl + Shift + X` jeśli korzystasz z systemu Windows, - `Maj + Command + X` jeśli korzystasz z systemu macOS. W lewym górnym rogu wpisz nazwę rozszerzenia "SFTP/FTP sync" _Natizyskunk_ i kliknij na `Install `. ![hosting](/images/assets/screens/other/web-tools/vscode/extensions.png) Można również zainstalować [rozszerzenie "SFTP/FTP sync"](https://marketplace.visualstudio.com/items?itemName=Natizyskunk.sftp#sftp-sync-extension-for-vs-code) z marketplace Visual Studio. ### Inicjuj projekt lokalnie Aby zsynchronizować pliki strony WWW z hostingiem za pomocą Visual Studio Code, podaj lokalizację projektu lokalnie. W tym celu utwórz folder w żądanym miejscu. Wróć do programu Visual Studio Code w menu poziomym u góry interfejsu, kliknij przycisk `View `, a następnie wybierz polecenie `Command Palette `, aby wyświetlić edytor poleceń. Aby wykonać tę samą akcję ze skrótem klawiaturowym, wybierz: - `Ctrl + Shift + P` jeśli korzystasz z systemu Windows, - `Maj + Command + P` jeśli korzystasz z systemu macOS. Wprowadź następującą komendę: `SFTP: Config`. ![hosting](/images/assets/screens/other/web-tools/vscode/SFTP-config.png) Dzięki temu poleceniu program Visual Studio Code utworzy plik konfiguracyjny "sftp.json" w katalogu głównym utworzonego wcześniej folderu lokalnego. Ponieważ jednak Visual Studio Code nie zna jeszcze lokalizacji Twojego projektu lokalnie, powinien pojawić się następujący komunikat: ![hosting](/images/assets/screens/other/web-tools/vscode/SFTP-folder.png) Kliknij `Open Folder `, przejdź do wybranego katalogu lokalnego i kliknij `Wybierz folder `, aby potwierdzić. ![hosting](/images/assets/screens/other/web-tools/vscode/select-folder.png) W Visual Studio Code wprowadź ponownie komendę `SFTP: Config`. Plik konfiguracyjny o nazwie "sftp.json" pojawi się w kodzie Visual Studio Code. ![hosting](/images/assets/screens/other/web-tools/vscode/sftp-json-default.png) Plik ten znajduje się w folderze .vscode, który jest umieszczony w katalogu głównym projektu lokalnego. ### Konfiguracja pliku sftp.json Zanim rozpoczniesz pracę nad Twoim projektem, przekaż go do utworzonego wcześniej lokalnego folderu. Najpierw jednak upewnij się, że plik "sftp.json" jest poprawnie skonfigurowany. Zapoznaj się z naszym przewodnikiem "[Logowanie do przestrzeni dyskowej FTP hostingu](/pl/guides/web-cloud/web-hosting/ftp-connection.md)", aby znaleźć potrzebne informacje. W pliku "sftp.json" wprowadź wartości dla następujących wpisów: #### name Kliknij poniższe karty, aby wyświetlić kolejne **2** kroki. **Krok 1** Przejdź na stronę Hosting i wybierz odpowiedni hosting. ![Hosting](/images/assets/screens/control-panel/product-selection/web-cloud/hosting-plans.png) **Krok 2** Odnajdziesz go w dwóch miejscach, które są wyróżnione na pomarańczowo. ![hosting](/images/assets/screens/control-panel/product-selection/web-cloud/web-hosting/ftp-ssh/hosting-name.png) :::info Możesz ustawić dowolną wartość `name` (nazwa). Jeśli jednak konfigurujesz więcej niż jeden plik "sftp.json", to ze względów organizacyjnych lepiej jest użyć jako odwołania wartości widocznych powyżej. ::: #### host Kliknij poniższe karty, aby wyświetlić kolejne **2** kroki. **Krok 1** Przejdź na stronę Hosting i wybierz odpowiedni hosting. ![Hosting](/images/assets/screens/control-panel/product-selection/web-cloud/hosting-plans.png) **Krok 2** W zakładce FTP - SSH nazwa hosta (`host`) jest widoczna pod napisem `Serwer FTP i SFTP`. ![hosting](/images/assets/screens/control-panel/product-selection/web-cloud/web-hosting/ftp-ssh/hostname.png) #### username Kliknij poniższe karty, aby wyświetlić kolejne **2** kroki. **Krok 1** Przejdź na stronę Hosting i wybierz odpowiedni hosting. ![Hosting](/images/assets/screens/control-panel/product-selection/web-cloud/hosting-plans.png) **Krok 2** W zakładce FTP - SSH odszukaj nazwę użytkownika w kolumnie `Login` tabeli. #### remotePath Kliknij poniższe karty, aby wyświetlić kolejne **2** kroki. **Krok 1** Przejdź na stronę Hosting i wybierz odpowiedni hosting. ![Hosting](/images/assets/screens/control-panel/product-selection/web-cloud/hosting-plans.png) **Krok 2** W zakładce FTP - SSH znajdź ścieżkę zdalną (`remotePath`) pod nazwą `Ścieżka do katalogu home`. Jeśli skonfigurowanych jest kilku użytkowników, podana ścieżka może być inna. W takim przypadku zmień nazwę użytkownika wskazaną po `home/` na wybraną przez siebie w kolumnie `Login` tabeli. **Przykład**: Jeśli Twoja nazwa użytkownika to "john-smith", otrzymasz `home/john-smith`. Dodaj ten wiersz do pliku "sftp.json": `"openSsh": true` :::info Aby nie było konieczności wprowadzania hasła po każdym poleceniu w kodzie Visual Studio, zapisz je w pliku "sftp.json", dodając wiersz:`"password": ""` ::: Przykładowy plik "sftp.json": ```json { "name": "", "host": "", "protocol": "sftp", "port": 22, "username": "myusername", "password": "mypassword", "remotePath": "/home/myusername", "uploadOnSave": false, "useTempFile": false, "openSsh": true } ``` Więcej informacji na temat opcji w pliku "sftp.json" można znaleźć w [dokumentacji projektu](https://github.com/Natizyskunk/vscode-sftp/wiki/configuration). ### Pobierz projekt lokalnie Po skonfigurowaniu pliku "sftp.json" pobierz zawartość Twojego projektu, aby pobrać wszystkie foldery i pliki Twojej strony [WWW](http://WWW). W tym celu przejdź do Visual Studio Code i wprowadź następującą komendę: `SFTP: Download Project`. Program Visual Studio Code wymaga wybrania folderu, który chcesz pobrać na hosting [WWW](http://WWW). Wpisz poprzednio zdefiniowaną wartość `name` w pliku "sftp.json". ![hosting](/images/assets/screens/other/web-tools/vscode/download-project.png) Jeśli zostanie wyświetlony monit, wprowadź hasło powiązane z danym użytkownikiem w pliku "sftp.json", a następnie kliknij `enter`. Po pobraniu pliku wszystkie foldery i pliki projektu będą wyświetlane w Eksploratorze plików znajdującym się w kolumnie po lewej stronie interfejsu Visual Studio Code. ![hosting](/images/assets/screens/other/web-tools/vscode/explorer.png) :::info Przypominamy, że właściwa konfiguracja pliku "sftp.json" jest kluczowa. Jeśli przed pobraniem projektu wystąpi błąd, zazwyczaj jest to spowodowane błędem w konfiguracji pliku "sftp.json". Jeśli masz pytania, zapoznaj się z sekcją [FAQ rozszerzenia](https://github.com/Natizyskunk/vscode-sftp/blob/HEAD/FAQ.md). ::: ### Wprowadzanie zmian w plikach Po pobraniu projektu lokalnie na komputer można łatwo edytować, dodawać lub usuwać pliki w Visual Studio Code. Jeśli chcesz, aby zmiany lokalne były synchronizowane przy każdej kopii zapasowej pliku, dodaj ten wiersz do pliku "sftp.json":`"uploadOnSave": true` Aby wyłączyć tę funkcję, pozostawiając ją w pliku "sftp.json", zmień wartość `true` na `false`. Do tej pory wspomnieliśmy tylko polecenia: `SFTP: Config` i `SFTP: Download Project`. Istnieją inne polecenia, które możesz obejrzeć przez autouzupełnianie, wprowadzając `SFTP:` w edytorze poleceń. ![hosting](/images/assets/screens/other/web-tools/vscode/list-commands.png) Listę poleceń [tutaj](https://github.com/Natizyskunk/vscode-sftp/wiki/Commands). Możesz teraz uzyskiwać dostęp do zawartości hostingu i modyfikować ją za pomocą kodu Visual Studio Code. Celem tego przewodnika jest przedstawienie w sposób efektywny sposobu zarządzania projektem w Visual Studio Code. Odpowiedni do pierwszego eksperymentu. Jeśli jednak zmodyfikujesz kilka plików i są one synchronizowane na Twoim hostingu, nie będziesz mógł sprawdzić historii zmian, aby w razie potrzeby wrócić do nich lub nadrobić błąd. ## Sprawdź również [](#) [Logowanie do przestrzeni dyskowej FTP hostingu WWW](/pl/guides/web-cloud/web-hosting/ftp-connection.md) [Korzystanie z FileZilla na Twoim hostingu OVHcloud](/pl/guides/web-cloud/web-hosting/ftp-filezilla-user-guide.md) [Korzystanie z dostępu do hostingu WWW przez SSH](/pl/guides/web-cloud/web-hosting/ssh-on-webhosting.md). Pamiętaj, że aby korzystać z SSH, musisz mieć wykupiony [hosting](https://www.ovhcloud.com/pl/web-hosting/) **Pro**, **Performance**, **Agency**, **Agency Plus** lub **Agency Max**. W przypadku wyspecjalizowanych usług (pozycjonowanie, rozwój, etc.) skontaktuj się z [partnerami OVHcloud](https://partner.ovhcloud.com/pl/directory/). Jeśli chcesz otrzymywać wsparcie w zakresie konfiguracji i użytkowania Twoich rozwiązań OVHcloud, zapoznaj się z naszymi [ofertami pomocy](https://www.ovhcloud.com/pl/support-levels/). Dołącz do [grona naszych użytkowników](https://community.ovhcloud.com/).