Podpora IDE

mdui je speciálně optimalizováno pro VS Code a WebStorm. V těchto IDE získáte funkce jako automatické dokončování kódu a nápovědu při najetí myší.

VS Code

mdui nainstalované přes npm

Pokud jste nainstalovali mdui přes npm, postupujte podle následujících kroků pro povolení podpory IDE VS Code v aktuálním projektu:

1. V kořenovém adresáři projektu vytvořte adresář .vscode.
2. V adresáři .vscode vytvořte soubor settings.json.
3. Do souboru settings.json přidejte následující kód:

   {
     "html.customData": ["./node_modules/mdui/html-data.en.json"],
     "css.customData": ["./node_modules/mdui/css-data.en.json"]
   }
   

Pokud soubor settings.json již existuje, stačí přidat výše uvedené dva řádky do kořenového objektu JSON souboru. Po úpravě restartujte VS Code.

mdui používané přes CDN

Pokud jste mdui zavedli přes CDN, můžete získat podporu IDE instalací rozšíření VS Code pro mdui.

Vyhledejte mdui v obchodě s rozšířeními VS Code a vyberte první výsledek k instalaci, nebo klikněte zde pro instalaci. Po instalaci bude podpora IDE pro mdui povolena ve všech projektech.

Doporučujeme upřednostnit instalaci přes npm a nastavení souboru settings.json před instalací rozšíření VS Code, aby byla zajištěna shoda podpory IDE s aktuálně používanou verzí mdui.

WebStorm

mdui nainstalované přes npm

Pokud jste nainstalovali mdui přes npm, postupujte podle následujících kroků pro povolení podpory IDE WebStorm v aktuálním projektu:

1. Do kořenového uzlu souboru package.json v kořenovém adresáři projektu přidejte následující kód:

   {
     "web-types": ["./node_modules/mdui/web-types.en.json"]
   }
   

Pokud v kořenovém uzlu souboru package.json již existuje vlastnost web-types, stačí přidat ./node_modules/mdui/web-types.en.json do pole web-types. Po úpravě restartujte WebStorm.

mdui používané přes CDN

Pokud jste mdui zavedli přes CDN, můžete získat podporu IDE instalací pluginu WebStorm pro mdui.

Vyhledejte mdui v obchodě s pluginy WebStorm a vyberte první výsledek vyhledávání k instalaci. Po instalaci bude podpora IDE pro mdui povolena ve všech projektech.

Doporučujeme upřednostnit instalaci přes npm pro získání podpory IDE před instalací pluginu WebStorm, aby byla zajištěna shoda podpory IDE s aktuálně používanou verzí mdui.

Rozdíly v podpoře mezi VS Code a WebStorm

Podpora mdui pro VS Code a WebStorm se mírně liší. Následující tabulka uvádí podrobné rozdíly: