IDE-támogatás

Az mdui kifejezetten optimalizált a VS Code-hoz és a WebStorm-hoz, így ezekben az IDE-kben kódkiegészítés, lebegő súgó és egyéb funkciók érhetők el.

VS Code

npm-mel telepített mdui

Ha npm-en keresztül telepítette az mdui-t, az alábbi lépésekkel engedélyezheti a VS Code IDE támogatást az aktuális projektben:

1. Hozzon létre egy .vscode könyvtárat a projekt gyökérkönyvtárában.
2. Hozzon létre egy settings.json fájlt a .vscode könyvtárban.
3. Adja hozzá a következő kódot a settings.json fájlhoz:

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

Ha a settings.json fájl már létezik, csak adja hozzá a fenti két sort a JSON dokumentum gyökércsomópontjához. A módosítások után indítsa újra a VS Code-ot.

CDN-ről használt mdui

Ha CDN-en keresztül használja az mdui-t, az mdui VS Code kiterjesztés telepítésével kaphat IDE támogatást.

Keressen rá az mdui kifejezésre a VS Code bővítményboltjában, válassza ki az első találatot a telepítéshez, vagy kattintson ide a telepítéshez. A telepítés után minden projektben engedélyezve lesz az mdui IDE támogatás.

Javasoljuk, hogy először npm-en keresztül telepítse és állítsa be a settings.json fájlt, ahelyett, hogy a VS Code kiterjesztést telepítené, hogy az IDE támogatás az aktuálisan használt mdui verzióval összhangban legyen.

WebStorm

npm-mel telepített mdui

Ha npm-en keresztül telepítette az mdui-t, az alábbi lépésekkel engedélyezheti a WebStorm IDE támogatást az aktuális projektben:

1. Adja hozzá a következő kódot a projekt gyökérkönyvtárában lévő package.json fájl gyökércsomópontjához:

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

Ha a package.json fájl gyökércsomópontjában már létezik a web-types tulajdonság, csak adja hozzá a ./node_modules/mdui/web-types.en.json értéket a web-types tömbhöz. A módosítások után indítsa újra a WebStorm-ot.

CDN-ről használt mdui

Ha CDN-en keresztül használja az mdui-t, az mdui WebStorm bővítmény telepítésével kaphat IDE támogatást.

Keressen rá az mdui kifejezésre a WebStorm bővítményboltjában, válassza ki az első találatot a telepítéshez. A telepítés után minden projektben engedélyezve lesz az mdui IDE támogatás.

Javasoljuk, hogy először npm-en keresztül telepítse az IDE támogatáshoz, ahelyett, hogy a WebStorm bővítményt telepítené, hogy az IDE támogatás az aktuálisan használt mdui verzióval összhangban legyen.

A VS Code és WebStorm támogatás közötti különbségek

Az mdui támogatása között a VS Code és a WebStorm esetében vannak eltérések. Az alábbi táblázat részletesen ismerteti a különbségeket: