K dispozici máte zcela nové rozšíření Visual Studio Code

4D nyní podporuje protokol jazykového serveru, který umožňuje externím editorům zdrojového kódu zpracovávat kód 4D a poskytovat jim standardní funkce, jako je zvýraznění syntaxe, nápověda k syntaxi, přechod na definici nebo psaní vpřed. Podívejme se, jak toho využít v aplikaci Visual Studio Code.

Důležité

Víme, že komunita 4D velmi lpí na editoru kódu, který je součástí prostředí 4D IDE. Umožňuje rychlý vývoj se vším, co potřebujete k vytvoření podnikové aplikace, aniž byste museli opustit 4D: navrhnout datovou strukturu, navrhnout obrazovky, kódovat, testovat a začít znovu.
Vydáním aplikace Projects in 4D jsme otevřeli dveře ke kontrole zdrojů a editaci zdrojových kódů 4D mimo prostředí 4D IDE.
Na fóru a napříč diskusemi vidíme, že se názory liší. Některé z vás by nikdy nenapadlo používat něco jiného než prostředí 4D IDE – které stále vylepšujeme jednu verzi za druhou. Stále více vývojářů 4D však již používá jiné editory, jako je Visual Studio Code, protože v něm shledávají mnoho výhod: možnost otevřít projekt 4D a pracovat nejen na zdrojovém kódu 4D, ale i na jiných zdrojových kódech (například HTML nebo javascript), rozšířenost nástroje ve vývojářské komunitě obecně, integrace s Gitem atd.
Proto chceme využít vydání 4D v19 R6 k tomu, abychom vám navrhli rozšíření VS Code „4D Analyzer“ a shromáždili vaše názory na něj. Toto rozšíření v této fázi podporuje pouze zvýrazňování syntaxe, ale v následujících týdnech/měsících plánujeme poskytnout více: typ dopředu a všechny výhody, které by 4D mohlo získat z podpory LSP.
Tato iniciativa samozřejmě nemá vliv na váš editor kódu 4D! Jedná se o podporu úvah, o výměnu informací s vámi o všech možnostech a o sdílení nápadů.

Doufáme, že se vám bude používání líbit!

Vykreslování v aplikaci Visual Studio Code

Zde je vykreslení souboru 4DM otevřeného ve VS Code po instalaci nového rozšíření s výchozím zvýrazněním syntaxe:

Pokud chcete, aby byl váš kód ve VS Code ještě čitelnější, nezapomeňte, že můžete 4D nakonfigurovat tak, aby zapisoval soubory 4DM bez tokenů.

Jak to funguje?

Rozšíření VS Code pro zvýrazňování syntaxe kódu 4D již bylo k dispozici, ale bylo založeno na regexu a omezovalo se na zvýrazňování syntaxe.

Od verze v19 R6 podporuje 4D Language Server Protocol (LSP), standardní rozhraní mezi editory kódu a jazyky.
LSP poskytuje několik funkcí běžně používaných v editorech kódu, jako je zvýrazňování syntaxe, nápověda k syntaxi, přechod na definici nebo psaní dopředu. Tým 4D integruje tento standardní protokol a vytvořil zcela nové rozšíření Visual Studio Code, které jej využívá.
Technicky vzato, když otevřete soubor 4DM pomocí kódu VS, rozšíření spustí instanci 4D v bezhlavém režimu, aby komunikovala se svým serverem LSP. Tato instance 4D načte soubor 4DM a kontext, aby prostřednictvím rozšíření poskytla editoru VS Code funkce LSP.

Instalace rozšíření Visual Studio Code

Instalace rozšíření je velmi jednoduchá. Stačí otevřít VS Code, kartu Rozšíření a vyhledat v marketplace rozšíření „4D-Analyzer“.
Po jeho nalezení jej vyberte a klikněte na tlačítko „instalovat“.

Dalším způsobem je stažení rozšíření 4D-Analyzer přímo z Visual Studio Code Marketplace!

Po dokončení instalace otevřete nastavení rozšíření (tlačítko s malou ikonou ozubeného kola). V nastavení Cesta k serveru zadejte cestu k aplikaci 4D (4D nebo 4D Server), kterou bude rozšíření používat.

Pokud vyvíjíte v systému MacOS, měli byste si uvědomit jedno omezení operačního systému: systém vám nedovolí otevřít instanci 4D (samostatnou nebo Server), pokud ji již máte spuštěnou pomocí kódu VS. Řešením je nastavit v rozšíření samostatný spustitelný soubor nebo otevřít 4D před VSCode.

Otevření souboru 4DM

Po instalaci a nastavení rozšíření můžete vidět výsledek!

Podle toho, jak používáte VS Code, můžete otevřít jednotlivé soubory 4DM pomocí nabídky „Otevřít soubor“ nebo celý projekt pomocí nabídky „Otevřít složku“ a výběrem složky projektu. V posledním případě stačí kliknout na soubor 4DM v průzkumníku VS Code a otevřít jej v editoru.

Při otevření souboru 4DM v editoru VS Code spustí rozšíření spustitelnou instanci 4D v bezhlavém režimu, která bude soubor 4DM zpracovávat. Instance spustitelného souboru 4D tedy bude zpracovávat celý projekt souboru 4DM, aby načetla celý kontext kódu projektu. A po zavření okna VS Code se zavře i instance 4D určená pro toto okno.

Vidíte, že vše je spravováno automaticky za vás!

První krok

Po instalaci a nastavení rozšíření VS Code budete automaticky využívat další kapacity LSP, které nabízejí následující verze 4D. Právě teď je dalším krokem nastavení barev tak, aby odpovídaly vašemu barevnému schématu, jak je vysvětleno v tomto příspěvku na blogu.

Z tohoto nového rozšíření máme velkou radost. Neváhejte nám poskytnout zpětnou vazbu na fóru 4D!