Chcete kódovat odkudkoli, aniž byste museli nosit notebook kamkoli? Můžete vyzkoušet code-server, výkonnou aplikaci s vlastním hostitelem, která přináší plnou funkčnost Visual Studio Code do vašeho webového prohlížeče. Místo toho, abyste se spoléhali na cloudová IDE třetích stran, můžete si na svém domácím serveru nastavit kódový server a přistupovat k němu bezpečně z jakéhokoli zařízení. Nastavení kódového serveru zajišťuje konzistentní a přístupné vývojové prostředí, zatímco váš kód a data zůstávají pod vaší kontrolou.
Obsah
- Co je kódový server a proč jej hostovat?
- Nastavte kódový server na Linuxu
- Začněte s kódovým serverem
- Přizpůsobení vašeho IDE založeného na prohlížeči
- Vytvořte a spusťte svůj první program na kódovém serveru
Co je kódový server a proč jej hostovat?
Code-server provozuje VS Code na vzdáleném serveru a umožňuje vám k němu přistupovat prostřednictvím webového prohlížeče. Funguje jako verze pro stolní počítače, podporuje automatické dokončování, ladění, Git a rozšíření. Je ideální pro zařízení s nízkou spotřebou, jako jsou tablety nebo Chromebooky, protože veškerý vývoj probíhá na serveru. Díky tomu bude vaše nastavení konzistentní a dostupné odkudkoli.
Self-hosting vám poskytuje plnou kontrolu, soukromí a možnost přizpůsobení vašeho prostředí, od použití vaší vlastní domény a povolení HTTPS pro správu uživatelského přístupu a škálování zdrojů.
Dobré vědět:Zvládnutí klávesových zkratek VS Code může zvýšit vaši produktivitu. Chcete-li začít, podívejte se na tento praktický cheat sheet!
Nastavte kódový server na Linuxu
Instalace kódového serveru je snadná. K instalaci použijeme Docker.
SOUVISEJÍCÍ:Top 7 nejlepších OS pro domácí server v roce 2025 pro Windows/Linux
Spusťte následující příkaz a stáhněte si oficiální bitovou kopii kódového serveru z Docker Hub:
sudo docker pull codercom/code-serverPřed vytvořením kontejneru zajišťuje, že máte místně k dispozici nejnovější verzi obrázku.
Dále spusťte nový kontejner kódového serveru na pozadí s vlastním heslem a trvalým úložištěm:
sudo docker run -d --name code-server -p 8443:8080 -v "$HOME/code-server-data:/home/coder/project" -e PASSWORD="my_password" codercom/code-server
Po nastavení kódového serveru k němu můžete přistupovat z prohlížeče zadánímhttps://localhost:8443. Zadejte heslo, které jste nastavili vdocker runa kliknutím na tlačítko Odeslat se přihlaste na kódový server.
Začněte s kódovým serverem
Jakmile se přihlásíte, uvidíte rozhraní, které vypadá stejně jako běžná desktopová verze VS Code. Zde je rychlý přehled toho, co najdete:
Průzkumník souborů
Průzkumník vám pomůže procházet vaším projektem. Můžete snadno procházet složky, otevírat soubory, vytvářet nové a spravovat strukturu projektu.
Editor
Editor je středovou oblastí a slouží jako váš hlavní pracovní prostor. Když otevřete soubor, zobrazí se zde.
Zde můžete psát, upravovat a formátovat kód stejně jako v desktopové verzi VS Code.
Terminál
Terminál je umístěn ve spodní části kódového serveru. Můžete jej otevřít z horní nabídky „Terminál -> Nový terminál“ nebo stisknutím Ctrl + `.
Pro přístup k terminálu v rámci kódového serveru můžete také použít klávesovou zkratku Ctrl + Shift + C.
Rozšíření
Funkce rozšíření je to, co dělá VS kód skvělým. Kartu Rozšíření (ikona na bočním panelu) můžete použít k procházení, instalaci a správě rozšíření VS Code, jako jsou linters, motivy a jazyková podpora.
Rozšíření můžete vyhledat pomocí vyhledávacího pole a poté jej okamžitě nainstalovat a aktivovat, abyste přidali nové funkce nebo vylepšili stávající funkce.
Přizpůsobení vašeho IDE založeného na prohlížeči
Nyní si můžete přizpůsobit kódový server podle svých preferencí, jako je instalace rozšíření, změna motivů, aktualizace nastavení nebo úprava konfiguračních souborů. Chcete-li například nastavit nový motiv, můžete kliknout na ikonu ozubeného kola v levém dolním rohu a najet myší naTémataa vyberte siBarevný motivz nabídky:
Nyní se zobrazí seznam dostupných motivů. Kliknutím na motiv zobrazíte náhled a použijete jej.
Kromě toho můžete snadno nainstalovat preferovaný motiv z karty Rozšíření a ihned jej aktivovat.
Podobně můžete upravit i další nastavení kódového serveru. Chcete-li to provést, jednoduše klikněte na ikonu ozubeného kola a vyberteNastavení.
Zde můžete přizpůsobit chování editoru, velikost písma, formát a mnoho dalšího.
Vytvořte a spusťte svůj první program na kódovém serveru
Vytvořte nový textový soubor zBadatelpanelu nebo stisknutím klávesové zkratky Ctrl + Alt + N:
Klikněte naVyberte jazyknebo stiskněte Ctrl + K a poté M a vyberte požadovaný jazyk, například Python.
Nyní do něj vložte následující kód, abyste na konzoli třikrát vytiskli „Vítejte na maketecheasier.com“:
for i in range(3):
print("Welcome to maketecheasier.com")Před spuštěním tohoto programu se ujistěte, že je nainstalován Python. Poté stisknutím Ctrl + S přiřaďte souboru odpovídající název a kliknutím na OK soubor uložte:
Nyní stisknutím Ctrl + ` otevřete terminál a poté spusťte skript Python pomocí následujícího příkazu:
python3 mteExample.py
Nyní, když je na vašem systému Linux spuštěn kódový server, jste připraveni plně využít vývoj založený na prohlížeči. Můžete si přizpůsobit své prostředí pomocí motivů a rozšíření, vytvářet a spouštět kód v různých programovacích jazycích a dokonce zabezpečit přístup pomocí vlastní domény a HTTPS. Jako další krok zvažte prozkoumání toho, jak integrovat pracovní postupy Git, povolit SSL pro produkční použití nebo rozšířit svou domácí laboratoř o další webové nástroje, jako je JupyterLab, Docker nebo Portainer, abyste získali výkonnější a flexibilnější nastavení vývoje.
