Wsparcie IDE

mdui oferuje pełne wsparcie dla VS Code i WebStorm. W tych środowiskach otrzymasz podpowiedzi kodu, tooltipy z dokumentacją itp.

VS Code

mdui zainstalowane przez npm

Jeśli zainstalowałeś mdui przez npm, wykonaj poniższe kroki, aby włączyć wsparcie IDE w bieżącym projekcie:

1. W katalogu głównym projektu utwórz folder .vscode.
2. W folderze .vscode utwórz plik settings.json.
3. Dodaj następujący kod do pliku settings.json:

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

Jeśli plik settings.json już istnieje, po prostu dodaj te dwie linie do głównego obiektu JSON. Po zmianie uruchom ponownie VS Code.

mdui używane przez CDN

Jeśli używasz mdui przez CDN, możesz zainstalować rozszerzenie mdui do VS Code, aby uzyskać wsparcie IDE.

W sklepie z rozszerzeniami VS Code wyszukaj mdui i wybierz pierwszy wynik, lub kliknij tutaj, aby zainstalować. Po instalacji wsparcie IDE będzie włączone we wszystkich projektach.

Zaleca się instalację przez npm i konfigurację settings.json zamiast instalowania rozszerzenia VS Code, aby wsparcie IDE było zgodne z używaną wersją mdui.

WebStorm

mdui zainstalowane przez npm

Jeśli zainstalowałeś mdui przez npm, wykonaj poniższe kroki, aby włączyć wsparcie IDE w bieżącym projekcie:

1. W pliku package.json w głównym katalogu projektu dodaj następujący kod do głównego obiektu:

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

Jeśli web-types już istnieje w głównym obiekcie package.json, dodaj ./node_modules/mdui/web-types.en.json do tablicy web-types. Po zmianie uruchom ponownie WebStorm.

mdui używane przez CDN

Jeśli używasz mdui przez CDN, możesz zainstalować wtyczkę mdui do WebStorm, aby uzyskać wsparcie IDE.

W sklepie z wtyczkami WebStorm wyszukaj mdui i wybierz pierwszy wynik. Po instalacji wsparcie IDE będzie włączone we wszystkich projektach.

Zaleca się instalację przez npm i konfigurację wsparcia IDE zamiast instalowania wtyczki WebStorm, aby wsparcie IDE było zgodne z używaną wersją mdui.

Różnice we wsparciu między VS Code a WebStorm

Wsparcie mdui dla VS Code i WebStorm różni się. Poniższa tabela przedstawia szczegółowe różnice: